In my shopping cart website and I want to implement feature to share product on facebook,linkedin,twitter and google plus.
All is working except google plus taking wrong image ,instead of product image it takes other image on the page.
How to disable showing image in share popup OR how to tell google plus to pick up correct image.
<!-- Place this tag where you want the share button to render. -->
<div class="g-plus" data-href="http://example.com/product.html" data-action="share" data-annotation="bubble" data-height="15"></div>
<!-- Place this tag after the last share tag. -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/platform.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
Google+, Facebook etc. pick up images on the page and let users choose which one to use. I’ve not seen a way to control this for G+, other than not include other images on the page. (There seem to be roundabout ways to force the selection in Facebook.)
G+ takes image from your link that you given to that link. If you use one right image then G+ automatically took that image. This is very simple as that. In other way, You have choose image from your computer by clicking the photo button instead of avoiding G+ auto takes some images. You just have to Remove the image which is not related to your service.
When you paste an URL, Google+ will automatically takes that image. In case if you have many images, you can just change the images at the top by just changing the left or right arrows to choose the exact image that you need. It allows to change image only if we do it manually. This is the problem with Google+ I am facing now!