XenForo [JoyFreak] Set Open Graph Image

[JoyFreak]

This guide will help you to set your forum's open graph image. It will use the first image in your thread, whether linked directly or attached.

Open template: thread_view

Find:

<xf:set var="$fpSnippet" value="{{ snippet($firstPost.message, 0, {'stripBbCode': true}) }}" />

Add below:

<xf:if is="$thread.cover_image">
<xf:macro template="metadata_macros" name="metadata"
    arg-description="{$fpSnippet}"
    arg-shareUrl="{{ link('canonical:threads', $thread) }}"
    arg-canonicalUrl="{{ link('canonical:threads', $thread, {'page': $page}) }}"
    arg-imageUrl="{$thread.cover_image}" />
<xf:else/>

Find:

arg-canonicalUrl="{{ link('canonical:threads', $thread, {'page': $page}) }}" />

Add below:

</xf:if>

Save.

Example at Gaming Forum

 

[Wanji]

So what are the default Open Graph Image for Xenforo. Is that the site's logo?

 

[JoyFreak]

So what are the default Open Graph Image for Xenforo. Is that the site's logo?

It will use the first image in your thread, whether linked directly or attached.

 

[Wanji]

It will use the first image in your thread, whether linked directly or attached.

I mean if I don't use your tweak yet.

 

[JoyFreak]

I mean if I don't use your tweak yet.

It doesn't have one.

 

[Bastty]

It will use the first image in your thread, whether linked directly or attached.

And if you don`t have an image on that thread?

 

[JoyFreak]

And if you don`t have an image on that thread?

It will use your OpenGraph image.