Как выбрать картинки, которые можно закрепить при добавлении кнопки закрепить на страницу?

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

Есть ли способ указать, какие изображения будут доступны для закрепления?

Я добавил этот код перед тегом конца тела:

<script  src="//assets.pinterest.com/js/pinit.js" async defer></script>

И вот как я размещаю кнопку:

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

Можно ли сделать то, что мне нужно? если да, то как?

Jaime

1 ответ

Убедитесь, что вы используете правильный Pinterest Button Type для ваших нужд. Похоже, вы используете Any Image кнопка. Возможно, попробуйте использовать Image Hover кнопка или даже One Image кнопка, которая понадобится data-pin-do="buttonPin" добавлены к изображениям, которые вы хотите показать Pin It кнопка.

Независимо от того, какой вы используете, я склонен также размещать data-pin-no-hover="true" на определенных изображениях, которые я никогда не хочу прикреплять (например, заголовок). Если у пользователя в браузере установлено расширение Pinterest, оно автоматически очищает всю страницу и добавляет кнопку "Закрепить" ко всем изображениям. data-pin-no-hover="true" отменяет это.

Пример кнопки наведения.

Пример статической кнопки.

Другие вопросы по тегам