[Endless Horizon] Advanced Open Graph [Deleted]

@electrogypsy I installed Tapatalk add-on on my local installation for a bit. Found the bit where they added those particular tags. Apparently it's hard-coded. You'll need to edit mobiquo/smartbanner/head.inc.php, then find these lines:
PHP:
    /* display twitter card */
        $app_head_include .= '
        <!-- twitter app card start-->
        <!-- https://dev.twitter.com/docs/cards/types/app-card -->
        <meta name="twitter:card" content="summary" />
        <meta name="twitter:site" content="@' . tt_html_escape($twc_site,true) . '" />
        <meta name="twitter:title" content="'.tt_html_escape($twc_title,true).'" />
        <meta name="twitter:description" content="'.tt_html_escape($twc_description,true).'" />
        ';

        if (isset($twc_image))
        {
            $app_head_include .= '<meta name="twitter:image" content="'.tt_html_escape($twc_image,true).'" />';
        }
then simply remove all instance of meta tags.
Example:
PHP:
    /* display twitter card */
        $app_head_include .= '
        <!-- twitter app card start-->
        <!-- https://dev.twitter.com/docs/cards/types/app-card -->
        ';

        if (isset($twc_image))
        {
            $app_head_include .= '';
        }

that's really awesome, thanks for doing that! i followed your instructions and it's working as it should. thank you!
 
If I can not see guests permissions attachments.
The add-on does not work ?
Yes, the add-on merely attach the images original URL to the meta tags. If guests have no permission to see those attachments, then Facebook robots won't be able to preview the images either.
 
If you use that add-on, guests will forcibly have permission to view attachments. I also use that add-on. Still, if guests have no permission to view the actual post, my add-on can't do anything about it. When guests try to view a post which they don't have permission to, they'll be redirected to XenForo's error page which says that they lack the required permission. Thus Facebook/Twitter robots (which is also guests) won't be able to parse the actual open graph tags.
 
It should work then. You can see this thread for example.
On your case, for some reason the add-on didn't fetch the full version of the attachment. Instead it fetched the thumbnail (which is smaller than 200x200, so Facebook ignored it). Are you sure that you're using the latest version of the add-on?
 
I am looking at using this to be setup the sharing on social. I am used to what Yoast SEO does in WordPress. I add my featured image, and then I add the one for Facebook and then Twitter. They are specifically sized for each platform. Does this work with Facebook too? I only see open graph for Twitter. I am hoping it works with both.
 
I am looking at using this to be setup the sharing on social. I am used to what Yoast SEO does in WordPress. I add my featured image, and then I add the one for Facebook and then Twitter. They are specifically sized for each platform. Does this work with Facebook too? I only see open graph for Twitter. I am hoping it works with both.
How does Yoast SEO for WordPress do it specifically? My add-on would add images for Facebook's Open Graph by default. The extra feature for Twitter will only add the first found image (Twitter doesn't allow user to choose which one to use, after all).
 
Yoast allows you to set a default image for Facebook, or manually add one. Same for Twitter. I go into a post and set my images for both. I realize that I wouldn't want that for each thread. I was just trying to figure out how this works and will it make the sharing of the community better than default. I appreciate you answering my question.
 
Yoast allows you to set a default image for Facebook, or manually add one. Same for Twitter. I go into a post and set my images for both. I realize that I wouldn't want that for each thread. I was just trying to figure out how this works and will it make the sharing of the community better than default. I appreciate you answering my question.
This add-on doesn't work that way. This add-on will simply add the first x images/attachments found in the page (x is changeable). You can't explicitly choose which image to use.
 
This isn't working as I had hoped.
I tweeted this thread -> https://wweforums.net/wwe-no-mercy-2016-predictions-contest.t60878/
And this was the result -> https://twitter.com/wwefnet/status/784873915092963329

I thought it would pull the first image in the thread.
There are 3 og:image tags on the page,

Code:
<meta property="og:image" content="https://wweforums.net/proxy.php?image=http%3A%2F%2Fwww.wwe.com%2Ff%2Fstyles%2Fwwe_show_logo_l%2Fpublic%2Fall%2F2016%2F09%2FNo_Mercy_rendered--5805b3c8abc10195cce3ec0ebfb18b02.png&hash=42080870cc9ef5aa8171e025292e71ff"/>
<meta property="og:image" content="https://cdn.wweforums.net/data/avatars/m/0/56.jpg?1475809616"/>
<meta property="og:image" content="https://cdn.wweforums.net/images/logo.og.png"/>
 
I applied the tapatalk fix proved too. Another example,

https://wweforums.net/no-mercy-2016-live-discussion.t60802/
https://twitter.com/wwefnet/status/785135254092808192

Code:
<meta property="og:image" content="http://www.wwe.com/f/styles/wwe_show_logo_l/public/all/2016/09/No_Mercy_rendered--5805b3c8abc10195cce3ec0ebfb18b02.png"/>
<meta property="og:image" content="http://www.wwe.com/f/styles/wwe_16_9_l/public/all/2016/09/20160923_Nomercy_AJAmbroseCena--e7e44cdb51df417dc72e6268177b05df.jpg"/>
<meta property="og:image" content="http://www.wwe.com/f/styles/wwe_16_9_l/public/all/2016/09/20160927_Nomercy_OrtonWyatts--498f36e0b8cca37730d60fade0265382.jpg"/>
<meta property="og:image" content="http://www.wwe.com/f/styles/wwe_16_9_l/public/all/2016/09/20160926_Nomercy_MizZig--0c68821c170e826f60cba340c6a94dc8.jpg"/>
<meta property="og:image" content="https://cdn.wweforums.net/data/avatars/m/6/6611.jpg?1475931558"/>
<meta property="og:image" content="https://cdn.wweforums.net/images/logo.og.png"/>
 
This isn't working as I had hoped.
I tweeted this thread -> https://wweforums.net/wwe-no-mercy-2016-predictions-contest.t60878/
And this was the result -> https://twitter.com/wwefnet/status/784873915092963329

I thought it would pull the first image in the thread.
There are 3 og:image tags on the page,
Probably because the images were hidden from guests:
screenshot-wweforums.net 2016-10-10 08-47-20.webp
download.webp
Seem alright to me. The only issue is that the image has transparent background, so it doesn't look pretty:
download2.webp

Also, I had to run your site from Twitter Card Validator once to whitelist your domain.
 
Top Bottom