How to Pin one of the many images? In your Website. Or page.

Рейтинг - 0%
0   0   0
Pin one of the many images here. How? With a Custom Pinterest Button on your Website. If is not GMO! ;)



Pinterst brings a revolution in images sharing. Like the "biggest" social media websites Facebook, Google+ and Twitter, and this platform offers its own system of sharing.

What we want?

Unlike most of the social media sites on the web, in Pinterst you can share only images and adding some description to them. You are not able to share only text. And, you can share only one image. Unable of choosing what to be. Unlike Facebook, where along with the text, you can select which image to present from the page (you have options) or even upload from your PC.

A lot of people want to have this Pinterst sharing button. And many already have it. Also, many people want to have the option to choose which image sot be showed up next to the title and description (if the image is bigger, top of the text). Why? Because of the CTR (click through rate). Everyone has his own preferences.

There are solutions, where a "Pin it" button is placed near by the image, allowing people to share it in Pinterest just with one-two clicks (of course, the user should be logged in). Writing a code is a lot of work, if you plan to do it on each image. Also, if your page contains a lot of images, by putting "Pin it" on each image will make your site looks unattractive.

Now there is a solution of this issue.

This is a bit of code, that will be integrated in your web page. I saw it from Jeremy Mansfield.

Now you can put a "Pin it" button on each page of your website and your visitors will be able to choose which image to "Pin it". That way more images from your web page will be "Pin it" by your visitors.

The example given below is alternative of what "Pin it" technology is all about. But it creeps on the entire web page, it crawls and automatically discovers and presents all the image so you can choose the desire one.

There is no complete happiness! And the same refers to this. This code only works with a few modern browsers: FireFox, Safari, IE9 +, Chrome.

How to do it?

Very simple! Copy and embed the code in your website. After that, the code will works great! Nothing more. Button is 40/40 px.

<a href='[sanitised]javas##xss##cript:[/sanitised]void((function(){var e=document.createElement('script');e.setAttribute ('type','text/javascript')
;e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document .body.appendChild(e)})());'> <img src='http://xn--80aahfu4ar.xn--b1amgyd9f.com//Images/Pinit_if_no_GMO.png' border="1"/></a>
If you wish, you can change anything you want in the code. Everything is free.
 

Горе