Виджеты для веб-сайтов

Помимо кнопки «Сохранить», на веб-сайт можно добавить кнопку «Подписаться», а также виджеты с Пинами, досками и информацией профиля. Подписавшись на вас, пользователи смогут отслеживать вашу активность в Pinterest и видеть ваши новые Пины в своей ленте. Виджеты позволят вам демонстрировать Пины, доски и информацию из профиля на страницах веб-сайта, и таким образом показать посетителям то, что происходит в Pinterest.
 
Создавайте кнопки и виджеты для веб-сайтов, используя наш редактор виджетов.

Виджет своими руками

Follow button Follow button

Follow button

Чтобы создать кнопку «Подписаться»:

  1. Введите URL-адрес профиля в редакторе виджетов.
  2. Нажмите Установить!
  3. Вставьте полученный код в то место своего веб-сайта, где вы хотите увидеть эту кнопку.
Вот как должен выглядеть этот код (текст, зависящий от введенной информации, выделен красным):
 

Pin widget Pin widget
 
Чтобы создать виджет с Пинами:
  1. Скопируйте URL-адрес понравившегося Пина и откройте редактор виджетов.
  2. Вставьте URL Пина.
  3. Нажмите Установить!
  4. Вставьте полученный код в то место своего веб-сайта, где вы хотите увидеть Пин.
Вот как должен выглядеть этот код (текст, зависящий от введенной информации, выделен красным):
 
<a data-pin-do="embedPin" href="https://www.pinterest.com/pin/99360735500167749/"></a>
 
<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

Profile widget Profile widget

profile widget

Чтобы создать виджет с информацией профиля:

  1. Введите URL-адрес профиля в редакторе виджетов.
  2. Выберите размер виджета.
  3. Нажмите Установить!
  4. Вставьте полученный код в то место своего веб-сайта, где вы хотите увидеть виджет.
Вот как должен выглядеть этот код (текст, зависящий от введенной информации, выделен красным):
 

Board widget Board widget

board widget

Чтобы создать виджет с досками:

  1. Введите URL-адрес доски в редакторе виджетов.
  2. Выберите размер виджета.
  3. Нажмите Установить.
  4. Вставьте полученный код в то место своего веб-сайта, где вы хотите увидеть виджет.
Вот как должен выглядеть этот код (текст, зависящий от введенной информации, выделен красным):
 


Инструкции по созданию виджетов для популярных хостингов

WordPress.com WordPress.com
Вставьте ссылку в Пин, профиль или доску из вашей статьи в блоге. После публикации статьи WordPress автоматически преобразует ссылку в виджет.

Blogger Blogger
  1. Создайте виджет в редакторе, а затем скопируйте код.
  2. Нажмите кнопку Layout (шаблон) в левой части страницы управления блогом.
  3. Определите место, где будет располагаться виджет, и нажмите Add a Gadget (добавить гаджет).
  4. Прокрутите вниз и нажмите HTML/JavaScript.
  5. Вставьте код из редактора виджетов в поле Content (контент). В поле Title (заголовок) можно ввести любой текст.
  6. Нажмите Save (сохранить).

Tumblr Tumblr
Перед вставкой виджета необходимо добавить строку кода JavaScript.
 
Чтобы добавить код JavaScript:
  1. Выберите нужный блог на панели управления Tumblr и нажмите Customize (настройка).
  2. В открывшемся окне Customize (настройка) нажмите Edit HTML (редактировать HTML).
  3. Перейдите в конец кода.
  4. Найдите в коде строку pinit.js. Если нашли, то все готово!
  5. Если нет, то вставьте эту строку над закрывающим тегом </body>: <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

Чтобы добавить кнопку подписки, а также виджет с Пином, доской или информацией профиля в текст, фотографию, цитату, ссылку, аудио или видео:

  1. Убедитесь, что страница содержит строку кода JavaScript (см. выше).
  2. Создайте статью.
  3. В окне добавления подписи к картинке (или в основном окне в случае текстовой статьи) нажмите на кнопку <html>. После этого вы должны увидеть код для публикации. Если этого не произошло, нажмите еще раз на эту кнопку.
  4. Определите, где будет располагаться виджет в статье, и вставьте в это место код из редактора виджетов.
  5. Удалите строки <!-- На одной странице сайта допустим только один вызов скрипта pinit.js --> и <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>.
  6. Сохраните статью.

Учтите, что виджет не будет отображаться при просмотре статьи в панели управления, а появится только после публикации.

 

Wix.com Wix.com

Чтобы создать кнопку подписки:

  1. В левой части редактора нажмите кнопку Добавить (+).
  2. Выберите Социальные сети.
  3. Прокрутите в самый низ страницы и нажмите Подписка Pinterest.
  4. Перетащите кнопку «Подписаться» в нужное место на странице.


Известные проблемы

Вместо виджета отображается ссылка.

Для решения проблемы попробуйте выполнить эти действия:

  • Проверьте, добавили ли вы перед закрывающим тегом BODY на своей странице строку кода JavaScript.
  • Возможно, вы добавили ее несколько раз. В этом случае оставьте только одну строку, а остальные удалите.
  • Если вы используете и асинхронный и обычный скрипты на одной странице, попробуйте оставить только один из этих вариантов.
  • Если вы использовали плагин сторонних производителей, проверьте, возможно они уже прописали код pinit.js на странице. Если это так, то вам не нужно добавлять этот код еще раз.

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

Статьи по теме