vb.org Archive - Adding user profile picture to open graph

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB4 Programming Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=252)

- - Adding user profile picture to open graph (https://vborg.vbsupport.ru/showthread.php?t=324116)

Adding user profile picture to open graph

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.

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'] . "&amp;dateline=$ppuserinfo[profilepicdateline]&amp;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']. :)

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 !!

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'];
}

I want to use og:image property.

Quote:

Originally Posted by SilverBoy (Post 2580269)

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. :D

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:

HTML Code:

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

:D
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?

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']));
}

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'] . "&amp;dateline=$ppuserinfo[profilepicdateline]&amp;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

HTML Code:

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

You will need to get the actual userid, it's not going to automatically be in $userid...I just used that as a placeholder...for example, at the plugin hook location "postbit_display_complete" you can get it from $post['userid'], but I don't know what array is going to contain it at your plugin hook location.

Looking at that template, I would first try (at the very top of the plugin):

PHP Code:


		
			
$userid = $poststarter['userid'];

authorid is the variable :)

Here is the code I use to show avatar for example

PHP Code:


		
			
require_once(DIR . '/includes/functions_user.php');
$avatarurl = fetch_avatar_url($view->authorid, true);
if ($avatarurl[0]) {
     $avatarurl = $avatarurl[0];
}
/* render template and register variables */

$view->avatarurl = $avatarurl;

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

I modified the plugin code to this, but without luck !!

PHP Code:


		
			
$ppuserinfo = fetch_userinfo($authorid, 8);

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

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

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

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

I made a lot of tests, but I don't know why the plugin can't see $authorid or $poststarter['userid'] or even $userid.

BTW, if I put {vb:raw authorid} in the template it give me the author id !!

Any suggestions?

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

No suggestions to how to get the authorid to complete this plugin?

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

I found it ^_^

PHP Code:


		
			
$userid = $view->authorid;

solve the things

there is only one problem left, this code

PHP Code:


		
			
$ppuserinfo['profilepicurl'] = $vbulletin->options['profilepicurl'] . '/profilepic' . $ppuserinfo['userid'] . '_' . $ppuserinfo['profilepicrevision'] . '.gif';

give me wrong image pathlike this

PHP Code:


		
			
customprofilepics/profilepic762011_2.gif

the right path is

PHP Code:


		
			
www.mysite.com/forum/customprofilepics/profilepic762011_2.gif

How I can fix this?

Thanks in advance.

Try changing the line:

PHP Code:


		
			
vB_Template::preRegister('vbcms_content_article_page', array('profilepicurl' => $ppuserinfo['profilepicurl']));

to:

PHP Code:


		
			
vB_Template::preRegister('vbcms_content_article_page', array('profilepicurl' => $vbulletin->options['bburl'] . '/' . $ppuserinfo['profilepicurl']));

Thank you Mark it works now.

I tried before inject bburl in this line

PHP Code:


		
			
 $ppuserinfo['profilepicurl'] = $vbulletin->options['profilepicurl'] . '/profilepic' . $ppuserinfo['authorid'] . '_' . $ppuserinfo['profilepicrevision'] . '.gif';

but I couldn't figure it out, but now it works and Facebook grap the picture too ^_^
just note I not use template I added the code to the plugin that I bought from BirdOPery5 (More Open Graph Images Gold) and now I have what I want exactly.

Excellent! Glad to hear you now have it working as you want. :up:

Thank you for your appreciate help, without it I couldn't get things like I want, thank you more and more.

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_html_printable (15)bbcode_php_printable (1)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (16)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages:

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01216 seconds Memory Usage 1,810KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_html_printable (15)bbcode_php_printable (1)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (16)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: