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