Яндекс коллекции и пинтерест

Для создания естественных ссылок на сайт полезно разместить «добавлялки» этих сервисов у картинок, размещенных на сайте.

В Яндекс коллекции не нашла другого способа добавить кроме использования их набора кнопок «поделиться«. Как-то так:

<script src="https://yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
<script src="https://yastatic.net/share2/share.js"></script>
<span class="ya-share2" data-services="collections"></span>

В пинтерест могут быть варианты. Вот страница выбора кнопки. А вот код, который я использовала. Он несколько отличается от того, что можно найти на странице. Сперва где-то задаем вызов скриптов.

<script async defer data-pin-hover="false" data-pin-tall="true"  src="//assets.pinterest.com/js/pinit.js"></script>

Установим параметр data-pin-hover=»false», если вы не хотите чтобы кнопочка pinit автоматически появлялась на любом изображении.

Ниже — код для кнопки размещенной в единственном числе, в определенном месте. Она идет в паре к предыдущему скрипту.

<a data-pin-do="buttonBookmark" data-pin-tall="true" data-pin-round="true" href="https://www.pinterest.com/pin/create/button/"> <img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_round_red_32.png"/></a>

При использовании этой пары, кнопка у нас будет одна, но при ее нажатии в окне пинтереста мы увидим все картинки страницы, подходящие для добавления.

Если же мы хотим чтобы предложение добавить в pinterest появлялось надо всеми картинками, то размещаем в любом месте только страницы скрипт. без сопутствующей кнопочки:

<script async defer data-pin-hover="true" data-pin-tall="true" src="//assets.pinterest.com/js/pinit.js"></script>

При этом для того, чтобы некоторые картинки (например — баннеры) не предлагались для размещения в pinterest, используем атрибут у их тегов img data-pin-nopin=»true» .