• REGISTRATION REQUIREMENTS:

    Your username here MUST MATCH your XenForo username (connected to your XF license).

    Once you have registered here, then you need to start a conversation at xenforo.com w/Bob and provide the following:
    1. Your XenForo License Validation Token
    2. The Domain Name associated with the License
    NOTE: Your account will be validated once ALL requirements are verified/met. Thank you for your patience.

Implemented Use Gallery images for og:image meta property

Mouth

Member
CAS Premium
EMS Early Adopter
RMS Premium
SC Premium
UBS Premium
Sportsbook
Requesting that Showcase pages include the opengraph meta properties. Eg.
HTML:
    <meta property="og:site_name" content="Site" />
       <meta property="og:image" content="http://site.com/styles/site/Logo.og.png" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="http://site.com/forum/" />
    <meta property="og:title" content="Site" />
    <meta property="og:description" content="Site Description" />
       <meta property="fb:app_id" content="5551234" />
    <meta property="fb:admins" content="5551234" />

XF standard functionality automatically includes them in XF generated pages, eg. /forum/
 
Last edited:
Upvote 0
This suggestion has been implemented. Votes are no longer accepted.
The ITEM template already has it. I use the same exact (cut and paste) from the Resource Manager.

HTML:
<xen:container var="$head.openGraph">
    <xen:include template="open_graph_meta">
        <xen:set var="$url">{xen:link canonical:showcase, $item}</xen:set>
        <xen:set var="$title">{$item.item_name}</xen:set>
    </xen:include></xen:container>
 
This is how a THREAD maps to it..
HTML:
<xen:container var="$head.openGraph"><xen:include template="open_graph_meta">

        <xen:set var="$url">{xen:link 'canonical:threads', $thread}</xen:set>
        <xen:set var="$title">{xen:helper threadPrefix, $thread, escaped}{$thread.title}</xen:set>
        <xen:set var="$description">{xen:helper snippet, $firstPost.message, 155}</xen:set>
        <xen:set var="$avatar">{xen:helper avatar, $thread, m, 0, 1}</xen:set>
    </xen:include></xen:container>

This is how the Resource Manager maps to it
HTML:
<xen:container var="$head.openGraph">
    <xen:include template="open_graph_meta">
        <xen:set var="$url">{xen:link canonical:resources, $resource}</xen:set>
        <xen:set var="$title">{xen:helper resourcePrefix, $resource, escaped}{$resource.title}</xen:set>
    </xen:include></xen:container>

This is how Showcase maps to it
HTML:
<xen:container var="$head.openGraph">
    <xen:include template="open_graph_meta">
        <xen:set var="$url">{xen:link canonical:showcase, $item}</xen:set>
        <xen:set var="$title">{$item.item_name}</xen:set>
    </xen:include></xen:container>

The only difference is that THREAD is mapping in a description by taking a snippet of the first post and also passing in the Thread Starters Avatar.

This is the openGraph template itself (so you can see what can actually be mapped in and what is grabbed from core XF options (like board title)
HTML:
<xen:if is="{$xenOptions.facebookAppId} OR {$xenOptions.facebookAdmins}">

    <meta property="og:site_name" content="{$xenOptions.boardTitle}" />
    <xen:if is="{$avatar}"><meta property="og:image" content="{$avatar}" /></xen:if>
    <meta property="og:image" content="{xen:helper fullurl, @ogLogoPath, 1}" />
    <meta property="og:type" content="{xen:if $ogType, $ogType, article}" />
    <meta property="og:url" content="{xen:raw $url}" />
    <meta property="og:title" content="{xen:raw $title}" />
    <xen:if is="{$description}"><meta property="og:description" content="{xen:raw $description}" /></xen:if>
    {xen:raw $ogExtraHtml}
    <xen:if is="{$xenOptions.facebookAppId}"><meta property="fb:app_id" content="{$xenOptions.facebookAppId}" /></xen:if>
    <xen:if is="{$xenOptions.facebookAdmins}"><meta property="fb:admins" content="{xen:helper implode, {$xenOptions.facebookAdmins}, ','}" /></xen:if>
</xen:if>
 
The ITEM template already has it.
OK, thanks. Just not the showcase homepage (eg. http://netrider.net.au/showcase/ ). I didn't look beyond there, apologies.
For the item template, would be great to also add in the meta property for image and picking up the first (or latest) image that the user has added to their item. That way Facebook will display their image instead of the site logo.
Thanks.
 
I THINK (I'd have to do some digging) that I did a custom openGraph template for someone. I don't "DO" facebook, so once I get this new release out, maybe you and BamaStangGuy can help me test some stuff pertaining to this.
 
I THINK (I'd have to do some digging) that I did a custom openGraph template for someone. I don't "DO" facebook, so once I get this new release out, maybe you and BamaStangGuy can help me test some stuff pertaining to this.
Happy to help :)
 
  • Like
Reactions: Bob
For the item template, would be great to also add in the meta property for image and picking up the first (or latest) image that the user has added to their item. That way Facebook will display their image instead of the site logo.
Thanks.

Added this to SC 2.3.0 (will be available starting with Beta 4 or RC 1)
 
Back
Top