пятница, 12 июля 2013 г.

Как установить кнопку Pinterest на фото в Blogger

Здравствуйте, друзья!
Сегодня хотела бы поделиться с вами своими знаниями про очередную социальную сеть Pinterest. Попробую объяснить как она нам может помочь в поиске читателей и возможно даже покупателей.

Наверное, кто-то из вас уже знаком с этим "зверем" и активно "Pin It" понравившиеся картинки в любимых блогах. Особенно часто такой сервис попадается в зарубежной блогосфере и не зря. Давайте попробуем разобраться почему.

Социальная сеть Pinterest появилась только в 2012 году, но уже сейчас в ней десятки миллионов пользователей и тонны фотография. Правда в России она пока не столь популярна. Но все в наших руках. Да и потом, всегда приятно когда кто-то оценит ваше творчество, не правда ли ;) пусть это будет даже не потенциальный покупатель из США или Голландии.

Смысл сервиса в том, что понравившиеся тебе картинки ты можешь помещать в свой аккаунт на Pinterest, создавать коллекции и делиться ими со всеми пользователями сети.

Это справедливо как со своими картинками, так и с картинками с других блогов. При этом выгода очень ощутимая, т.к. всегда присутствует активная ссылка на автора.

Такого рода "сарафанное радио" очень полезное для наших с вами блогов. Оповещения в сети Pinterest очень развернутое. И многие смогут увидеть твои "пины" и поделиться ими с друзьями в свою очередь.
Чтобы иметь возможность просматривать картинки других и делиться своими для начала необходимо зарегистрироваться.
Pinterest  предлагает 2 способа регистрации - через e-mail или через аккаунт Facebook.
Оба способа вполне просты и каждый, разобравшийся в регистрации на Blogger, думаю справится ;)

После регистрации вы получаете доступ к своему аккаунту. Там вы можете создавать свои альбомы (Boards), в которые будете помещать свои фотографии или те, которые вы нашли и посчитали интересными и относящимися к теме альбома.
Фотографии в борд можно загрузить с диска или подгрузить со своего блога. Эти функции находятся под "плюсиком" в правом верхнем углу.

А сейчас главное! Как установить кнопку Pin It на картинку, чтобы при наведении мышкой появлялся значок "P", позволяющий вашим читателям в любой момент опубликовать вашу фотографию в Pinterest, таким образом показав ее своим друзьям.


Пошаговая инструкция

1. Открываем Шаблон -> Изменить HTML
2. С помощью Ctrl+F ищем тег </body>
3. Перед ним вставляем код
<script>
//<![CDATA[
var bs_pinButtonURL = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXrOfiP_f5VVzH5N41rXa0EjHtNlzNjTpqcuX4y3LPIbZxJWNujnQDAErC9VwSPEe7wK2KMzDBc_v1U1O5nqVWCDyC9AjgztjLnYWGLRXPQZcFSFyMBQ19euk8tcpaB2PlC7buS5JgxyWN/s1600/pinterestx1_72.png";
var bs_pinButtonPos = "topright";
var bs_pinPrefix = "";
var bs_pinSuffix = "";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script id='bs_pinOnHover' src='http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bs_pinOnHoverv1_min.js' type='text/javascript'>
// This Pinterest Hover Button is brought to you by bloggersentral.com.
// Visit http://www.bloggersentral.com/2012/11/pinterest-pin-it-button-on-image-hover.html for details.
// Feel free to use and share, but please keep this notice intact.
</script>

Все!
После этого на каждой картинке нашего блога, при наведении мышкой на фото, будет появляться такая кнопочка. Она будет появляться у всех наших читателей!

Если нам, по какой-то причине, не нужна кнопка "Pin It" на картинке, то ее можно просто убрать написав к тегу <img> инструкцию class='nopin' (делаем это в режиме HTML в окне редактирования сообщения).

Выглядеть в режиме HTML это должно примерно так:

<a href="http://3.bp.blogspot.com/-rfY2TVDd6_o/Udw7hH0veII/AAAAAAAAFxo/k4XLC9G8YK4/s1600/_MG_0234.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" class='nopin' height="427" src="http://3.bp.blogspot.com/-rfY2TVDd6_o/Udw7hH0veII/AAAAAAAAFxo/k4XLC9G8YK4/s640/_MG_0234.jpg" width="640" /></a>

Еще можно поменять положение кружочка "P" на фото. Например, нам хочется видеть его в центре изображения. Не проблема!

В скрипте просто меняем var bs_pinButtonPos = "topright"; на var bs_pinButtonPos = "center";

Возможные значения этого параметра:  center, topleft , topright , bottomleft , bottomright.

Итак, мы установили кнопку. Теперь посмотрим, что она нам дает.

Когда мы нажимаем на кнопку "Р", то видим такое вот окошечко.

В нем можно выбрать "board" (проще говоря, галерею) и написать описание к фото. По умолчани. в поле описание вставляется заголовок поста, что тоже часто бывает удобно. По этому описанию пользователи сети смогут находить ваши фотографии и любоваться! 
Так что, отнеситесь ответственно к написанию описания (простите за каламбур)!

Давайте теперь еще раз подведем итог!
Что нам дает установка кнопки "Pin It" на фотографию?
Каждый читатель нашего блога может одним нажатием кнопки поделиться нашей фотографией со своими друзьями в сети Pinterest.
Вывод - чем больше вы имеете подписчиков, тем больше ваша аудитория - простая истина социальных сетей.
Давайте дружить и в Pinterest тоже! Тем более, что этот способ не требует от вас практически никакого времени.
Хотя в нем можно зависнуть очень надолго, разглядывая красивые фото других участников))) Но это уже совсем другая история!

UPD
Еще один урок Pinterest - Blogger "Как изменить внешний вид кнопки Pin It"
UPD 2 
Теперь можно не устанавливать отдельно кнопку в блог. Ее можно целиком встроить в браузер! Как это сделать читайте тут.
Но если вы хотите, чтобы пользователи любых браузеров могли приколоть пин с вашей страницы, то установить можно и этим способом. 
Related Posts Plugin for WordPress, Blogger...