X3Photo Gallery Forums

Asmin · 27 Sep 2011, 04:02

What would be the steps if I want to embed only Google +1 button (including +Snippet) in the right upper corner.
Thanks!

MetAtroN · 27 Sep 2011, 06:22

I managed to 'install' this bar and it's working. But I'm wondering if it's possible to set it in the way that giving a G+ or "Like It" will relate to exact page or image the + was given for. As I went through code you provided there was place to change the links from imagevue demo to my own site, but with my knowledge I was only able to link the main site.

27 Sep 2011, 11:14

Asmin wrote:What would be the steps if I want to embed only Google +1 button (including +Snippet) in the right upper corner.
Thanks!

Basically you need to use the code originally posted for the "Social Thing", and then just remove the other items you don't want. Since we cannot build this into Imagevue, our code is just an example of how you might integrate these social modules.

Generally speaking, you are simply trying to add the html as they specify here:
http://www.google.com/webmasters/+1/button/
You just need the CSS to position your +1 button over the SWF, aligned where you want ...

27 Sep 2011, 11:20

MetAtroN wrote:I managed to 'install' this bar and it's working. But I'm wondering if it's possible to set it in the way that giving a G+ or "Like It" will relate to exact page or image the + was given for. As I went through code you provided there was place to change the links from imagevue demo to my own site, but with my knowledge I was only able to link the main site.

I am not 100% sure how Google reacts to this, but if you use this:
<g:plusone></g:plusone>
... then Google will decide what page to like. I am not sure it will identify unique images though, since Imagevue is not strictly "pages" ... I doubt Facebook is able to do this either with the "like" button, as its assigned for a single html page ...

alexhenes · 27 Sep 2011, 18:40

I think the image that is getting posted to FB is coming from

http://cache.addthiscdn.com/icons/v1/thumbs.

My guess is that this could be avoided if these icons were included in an imagevuex directory along with the image we would like posted to FB with the like.

I couldn't get Nick's suggestions to work.

Thanks
Alex

28 Sep 2011, 00:47

eh_ex: Do you have an example of this? or a screenshot? I am not sure why Facebook would get its images from there ... If you click "like" on our demo gallery, what do you see? When you like a website on facebook, as far as I can see, it doesnt show a thumbnails at all ... it only shows a thumb when you SHARE something ...

alexhenes · 28 Sep 2011, 01:03

]up until this point I was getting the twitter image. I removed the twitter icon and tweet functionality... now I am getting the FB image. Check it out.

[attachment=0]fb-like.PNG[/attachment

29 Sep 2011, 02:53

Hmm, you are right ... It seems that Facebook checks the link once somebody clicks "like" and then it attempts to extract an image. In the case of Facebook, it probably reads the Html gallery version and then extracts one of the images in your main menu for some reason. I think this can be solved by adding some tags ... We will fix this for next release, although you could edit the template now if you want to make a quick fix.

See the first answer here:
http://stackoverflow.com/questions/1079 ... link-image

We will extend the home document with OGP -
https://developers.facebook.com/docs/opengraph/

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

alexhenes · 30 Sep 2011, 11:06

thanks Karl!

where in the template would I insert this?

01 Oct 2011, 03:19

Hmm, come to think of it, this may need to be planned a bit better ...

If you set this OGP static metadata in the template, Facebook will use it for all pages including when viewing an image ... When viewing a specific image, you would want facebook to use the specific image and not a static global image you have set manually.

You can however try to edit iv-includes/templates/index.gallery.phtml ...

alexhenes · 01 Oct 2011, 14:08

I think I will wait for the enhancement. It would be cool it we could specify the image we want posted with social media sites somewhere in the admin

Dominique · 11 Oct 2011, 07:15

Here is the code you can add in index.php (top of the page) :

<?php 
function is_facebook(){
	if(stristr($_SERVER["HTTP_USER_AGENT"],'facebook') == TRUE){
		return true;
	}
}
?>
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://ogp.me/ns#"
      xmlns:fb="http://www.facebook.com/2008/fbml"> 
<head> 	
	<!-- PAGE -->
	<meta charset=utf-8 />
	<!-- Facebook -->
	<?php if(is_facebook()){?>
 
	<!-- Static Meta -->
	<meta property="og:site_name" content="Name of the web site" /> 
	<meta property="fb:admins" content="admin id number" /> 
        <meta property="fb:app_id" content="app id if you got one" />
	<meta property="og:type" content="website" />
 
	<!-- Dynamic Meta -->
	<meta property="og:image" content="path to the image you want to display" /> 
	<meta property="og:url" content="http://address of the site" /> 
	<meta property="og:title" content="Title of the site" /> 
	<meta property="og:description" content="1 or 2 sentences of description" />
 
	<?php } ?>    
</head>
</html>

How to get the admin number :
connect to http://www.facebook.com/insights/
click on the green button, enter your url and get the number from the meta tag.

You can now control the image, the name of the site and the description in Facebook Share or Send buttons and get the Facebook statistics of your page at : http://www.facebook.com/insights/

alexhenes · 11 Oct 2011, 18:35

Thanks Dominique...

Do you know how to solve this issue in FB?

Dominique · 12 Oct 2011, 02:38

Here are the steps :
1. Go to http://www.facebook.com/insights/
2. click on website statistics (green button)
3. put in domain the url of your site : www.XXXXXX, copy the number in the content, don't close the popup
4. Get the file index.php at the root of you site (make a copy first, we never know). Edit this file : paste the whole code (previous message) at the top of the page.
5. put this number in the code

<meta property="fb:admins" content="XXXXXXXXX" />

6. Don't forget the other meta tags :

<meta property="og:site_name" content="Name of the web site" /> ex : John Smith Photography
<meta property="fb:admins" content="admin id number" /> number from insights
<meta property="fb:app_id" content="app id" /> You also need an app_id :http://developers.facebook.com/docs/guides/canvas/
<meta property="og:type" content="website" /> you can let "website"


<meta property="og:image" content="path to the image you want to display" /> url to the image you want to use in Like and Send buttons
<meta property="og:url" content="http://address of the site" /> url of the site
<meta property="og:title" content="Title of the site" /> title
<meta property="og:description" content="1 or 2 sentences of description" /> description of the site

7. save the file and fetch it back to the root of the site
7. clear the cache of your broswer
8. go back to http://www.facebook.com/insights/ to get the statistics

18 Oct 2011, 04:13

Thanks for the updates on the OGP metadata. In the meantime, the official documentation for the social-thing has been moved here:
https://www.photo.gallery/blog/social-media- ... cial-thing

X3Photo Gallery Forums

How do you display social next to audio player60 postsPage 4 of 4

Re: How do you display social next to audio player

Re: How do you display social next to audio player

Re: How do you display social next to audio player

Re: How do you display social next to audio player

Re: How do you display social next to audio player

Re: How do you display social next to audio player

Re: How do you display social next to audio player

Re: How do you display social next to audio player

Re: How do you display social next to audio player

Re: How do you display social next to audio player

Re: How do you display social next to audio player

Re: How do you display social next to audio player

Re: How do you display social next to audio player

Re: How do you display social next to audio player

Re: How do you display social next to audio player