Gallery with Pinterest

[tmIEzN]

We have a Presence Builder website (version 11.5.6) that we have added a "Pin it" button to. We have added the following code to each page using a sitewide block:

<a href="//pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" ><img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" /></a>

Then we added the following code in "Settings" under the "Google Analytics" section, hoping it would be the last thing on every page before the </body> tag:

<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>

This seems to work fine for every image in the website except images in an image gallery. If using IE or Opera, the "Pin it" button works fine and every image in the image gallery is available to pin. If using Chrome, Firefox or Safari, the "Pin it" button can't seem to find the images. We also tried putting in the following code in the header (Metadata section) but it didn't seem to work either:

<script type="text/javascript">
(function(d){
var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');
p.type = 'text/javascript';
p.async = true;
p.src = '//assets.pinterest.com/js/pinit.js';
f.parentNode.insertBefore(p, f);
}(document));
</script>

All of the code above came directly from the pinterest.com website. Does anyone know of a workaround?

Thanks

 

[IgorG]

Try to define protocol in paths like

"http://assets.pinterest.com/images/pidgets/pin_it_button.png"

instead of

"//assets.pinterest.com/images/pidgets/pin_it_button.png"

 

[tmIEzN]

No change -- anyone have any other ideas?

 

[Egor Chernodarov]

Hi,

I've added module "script" with such content:

<a href="//pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" ><img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" /></a>
<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>

Looks like on published site all works fine (at least in Chrome). Please check up...

 

[tmIEzN]

We can't get it to work with photo galleries (parallels presence builder image storage)? Did it work for you with a gallery?

 

[Egor Chernodarov]

I've added Image Gallery with "Script" module below and have published site. By clicking on "Pin it" button I see Pinterest page with suggestions to "Pin" page with site-header image.

My test site in the editor:


Published:


Just after clicking on "Pin it":


Are something wrong on these screenshots?

 

[tmIEzN]

Notice how you didn't the option to "pin" your img_23052013 image. That is the problem we are having -- we can pin the header logo but nothing else. If you look at the original post it works in some browsers but not all.

 

[Egor Chernodarov]

I've checked in Opera and seems understood what you mean.
I do not see any JS-errors, so I think that problem at Pinterest side.