Можете ли вы контролировать результаты pinte "найти изображение"? - PullRequest
Новая
       57

Можете ли вы контролировать результаты pinte "найти изображение"?

11 голосов
/ 27 марта 2012

Вместо того, чтобы добавлять кнопки Pin It на нашем сайте, я хотел бы просто контролировать, какие изображения будут отображаться в результатах Pinterest для поиска изображений, если пользователь решит закрепить один из наших URL.

На данный момент, «Поиск изображений» позволяет пользователю прокручивать изображения, которые он находит на странице, чтобы они могли выбрать, какое изображение прикрепить.Я полагаю, что «найденные» изображения начинаются с первого jpg в html-файле (может быть, это неверное предположение ??).На нашем сайте это заставляет пользователя прокручивать около 15 навигационных и рекламных изображений перед тем, как прийти к избранному изображению продукта.Есть ли способ указать это изображение, чтобы показать первым в этих результатах?Может быть, с помощью метатега или путем добавления класса или идентификатора к элементу?

Без общедоступного API Pinterest это похоже на догадки, но я хотел посмотреть, столкнулся ли кто-нибудь еще с этим или решилэтот.Спасибо.

Ответы [ 9 ]

10 голосов
/ 26 августа 2013

Многие результаты поиска, включая Справочный центр Pinterest , говорят об использовании nopin в элементах HTML, что является недопустимым HTML.То, что они не документируют, является атрибутом данных того же (правильно сформированного) эффекта.

<img src="foobar" data-pin-nopin="true" />

9 голосов
/ 23 июля 2013

Добавление атрибута nopin исключит появление изображения на Pinterest: 

<img src="..." nopin>
6 голосов
/ 28 марта 2012

Я решил это, просто загрузив изображение перед всеми остальными на странице. В данном случае я дал ему width="0" и height="0" (вы также можете указать style="position: absolute; left: -9999px; top: 0;" просто для уверенности).

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

3 голосов
/ 04 апреля 2012
  • Pinterest найдет любые изображения из тегов <img> (он будет игнорировать фоновые изображения CSS), которые по крайней мере 80px x 80px.
  • Порядок отображения изображений в списке Pinterest определяется порядком, указанным в HTML.
  • Как вы обнаружили, вы можете изменить CSS изображения, чтобы «скрыть его», фактически не скрывая его, либо переместив его со страницы с абсолютным позиционированием или 0 по высоте и ширине. Изображения, для которых установлено значение display: none, не будут получены Pinterest.
1 голос
/ 18 марта 2014

Я читал этот блог , который предлагает следующее:

  1. Используйте глобальный флажок без булавки , чтобы предотвратить закрепление на всем сайте
  2. Вручную добавьте виджет Pin It к изображениям, которые вы хотите сделать прикрепляемыми.

Учитывая, что инструменты веб-мастера Pinterest, похоже, имеют только черный список, а не параметр белого списка (который вы ищете), это может быть возможным решением. Еще одно преимущество этого предложения заключается в том, что вы также можете указывать предлагаемый пин-код через виджет Pin It.

Единственный минус в этом, я думаю, что он может сломать собственные инструменты Pin пользователя. Pinterest позволяет вам отправлять пользовательские сообщения «отказано», поэтому я думаю, что вы можете сказать «используйте кнопки контактов нашего сайта напрямую».

Я пробовал это, и это работает. Это выглядит как достойный подход, по крайней мере, до тех пор, пока Pinterest не сочтет нужным добавить некоторые лучшие инструменты, такие как опция белого списка изображений. Основным недостатком является необходимость добавления кнопок Pin-it на каждое изображение, которое вы хотите включить для своих пользователей, и ваши пользователи могут быть раздражены тем, что они ничего не могут закрепить.

1 голос
/ 25 февраля 2014

Вы можете указать предварительный просмотр общего доступа, чтобы получать только определенные изображения со страницы, используя опцию конфигурации «image_include». Сначала установите для image_include желаемое имя класса (селекторы идентификаторов не допускаются, только селекторы классов), затем добавьте это же имя класса к каждому из изображений на странице, которые следует захватить. Для image_include не добавляйте селектор «.». Вот пример: 

<script type="text/javascript">
var addthis_config = {
image_include: "at_include"
}
</script>

Как только image_include было определено с классом, добавьте этот класс к нужным изображениям на странице. В этом примере единственными изображениями на странице, которые будут захвачены, будут изображения с классом at_include (img1.jpg и img3.jpg). 

<img src="http://www.example.com/img1.jpg" class="at_include" />
<img src="http://www.example.com/img2.jpg" />
<img src="http://www.example.com/img3.jpg" class="at_include" />
0 голосов
/ 12 сентября 2013

Если кто-то использует AddThis, проверьте эту ветку: http://support.addthis.com/customer/portal/questions/1570789

AddThis обладает уникальной функциональностью, которая влияет на представленный инструмент выбора изображений.Например, если на странице есть только одно изображение, оно игнорирует определенный файл og: image.

Если вы установите это одиночное изображение как исключаемое, то средство выбора изображений не будет отображать изображения для выбора.

0 голосов
/ 19 июля 2013

Добавьте этот скрипт перед фактическим вызовом pinterest.И установите изображения, которые вы не хотите показывать, с помощью класса nopin 

                <script type="text/javascript">
                var addthis_config =
                {
                    image_exclude:'nopin' 
                }
                </script>               
                        <div id="toolbox" class="addthis_toolbox addthis_default_style">
                        <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
                        <a class="addthis_button_tweet"></a>
                        <a class="addthis_button_tumblr"></a>
                        <a class="addthis_button_pinterest"></a>                                                 
                    </div>
                </div>
0 голосов
/ 04 июля 2012

К сожалению, нет возможности пометить несколько изображений на вашей странице как предпочтительные, но вы можете пометить одно изображение, чтобы оно оставалось наверху ваших изображений, когда кто-то его прикрепляет.Укажите этот метатег в <head>: 

<meta property="og:image" content="http://YOUR-DOMAIN.com/IMAGE.jpg"/>

Я не нашел официального подтверждения этой функции, но он прекрасно работает с плагином добавления этого обмена .

...