Adding user profile picture to open graph

[SilverBoy]

Hi

In my CMS articles I displays the avatars of the author of the article, but because the image is small (60×60 px) Facebook didn't grab it when I share the link to Facebook.

So I think in adding user profile picture (Big size) as a variable to the opengraph array.

The question is ..
How I can get the profile picture in every article?
then how I can add it to opengraph array?

Thanks in advance.

[MarkFL]

Assuming you have the user's userid in $userid, you can get the URL of their profile pic as follows:

PHP Code:

$ppuserinfo = fetch_userinfo($userid, 8);

if ($vbulletin->options['usefileavatar'])
{
    $ppuserinfo['profilepicurl'] = $vbulletin->options['profilepicurl'] . '/profilepic' . $ppuserinfo['userid'] . '_' . $ppuserinfo['profilepicrevision'] . '.gif';

    if (!file_exists($ppuserinfo['profilepicurl']))
    {
        $ppuserinfo['profilepicrevision'] = 0;
    }
}
else
{
    $ppuserinfo['profilepicurl'] = 'image.php?' . $vbulletin->session->vars['sessionurl'] . 'u=' . $ppuserinfo['userid'] . "&dateline=$ppuserinfo[profilepicdateline]&type=profile";
}

$profilepicexists = $ppuserinfo['profilepicrevision'] OR $ppuserinfo['profilepicdateline']; 


Now, if the variable $profilepicexists evaluates to true, the URL of the profile pic is in $ppuserinfo['profilepicurl'].

[SilverBoy]

Thank you mark, I will give it a try, but how I can inject the profilepic to the opengraph array?
I tried it manually by adding link to the image in the top of vbcms_content_article template but Facebook ignore it and don't add it to the og:images !!

[MarkFL]

I don't know what key you wish to use for the $opengraph array, but suppose with wish to use the key "profilepicurl', then you could add:

PHP Code:

if ($profilepicexists)
{
    $opengraph['profilepicurl'] = $ppuserinfo['profilepicurl'];
} 


[SilverBoy]

I want to use og:image property.

[MarkFL]

Originally Posted by SilverBoy

I want to use og:image property.

I don't know what that is...I thought you wanted to store the URL of the profile pic in the specified array.

I have negligible experience with the CMS articles feature of vB, but I thought I would be able to give you a leg up on getting the data you want into the array.

[MarkFL]

After a quick google search, it appears you need a meta tag in your template, and you will have to register the URL variable for your template, and your meta tag would then look something like:

<meta property="og:image" content="{vb:raw profilepicurl}" />

[SilverBoy]

When you share a link in FB, the image that appears as thumbnail comes from this property.
If you open any page in sharing debugger tools you will see all properties that FB uses from your page.
https://developers.facebook.com/tools/debug/sharing/

--------------- Added [DATE]1483478739[/DATE] at [TIME]1483478739[/TIME] ---------------

Stupid Q
How I can register the variable?

--------------- Added [DATE]1483479009[/DATE] at [TIME]1483479009[/TIME] ---------------

PHP Code:

 $ppuserinfo = fetch_userinfo($userid, 8); 


Sorry, #8 here what is mean?

[MarkFL]

Suppose you have the name of the template to which you wish to send the variable in $template_name, then in your plugin, you could use

PHP Code:

if ($profilepicexists)
{
    vB_Template::preRegister($template_name, array('profilepicurl' => $ppuserinfo['profilepicurl']));
} 


[SilverBoy]

Here is my plugin, is it right?

Hook: vbcms_article_populate_end(vbulletin cms)
Name: Add profile picture as meta tag
Order: 5
Code:

PHP Code:

$ppuserinfo = fetch_userinfo($userid, 8);

if ($vbulletin->options['usefileavatar'])
{
    $ppuserinfo['profilepicurl'] = $vbulletin->options['profilepicurl'] . '/profilepic' . $ppuserinfo['userid'] . '_' . $ppuserinfo['profilepicrevision'] . '.gif';

    if (!file_exists($ppuserinfo['profilepicurl']))
    {
        $ppuserinfo['profilepicrevision'] = 0;
    }
}
else
{
    $ppuserinfo['profilepicurl'] = 'image.php?' . $vbulletin->session->vars['sessionurl'] . 'u=' . $ppuserinfo['userid'] . "&dateline=$ppuserinfo[profilepicdateline]&type=profile";
}

$profilepicexists = $ppuserinfo['profilepicrevision'] OR $ppuserinfo['profilepicdateline'];
if ($profilepicexists)
{
    vB_Template::preRegister(vbcms_content_article_page, array('profilepicurl' => $ppuserinfo['profilepicurl']));
} 


--------------- Added [DATE]1483479854[/DATE] at [TIME]1483479854[/TIME] ---------------

It didn't work !!

Here is what I get in my source code

<meta property="og:image" content="" />