Тег IMG

Тег <img> используется в качестве запасного варианта в тех случаях, когда в браузерах пользователей отключен JavaScript. Но возможно также использование кода события, который содержит только тег изображения без JavaScript. В таком случае нужно будет удалить теги <noscript> (поскольку JavaScript не будет задействован). Мы рекомендуем использовать в коде события оба фрагмента — JavaScript и IMG, — поскольку это позволит добиться более точного таргетинга.

Тег <img> в базовом коде

Даже если вы решили использовать тег <img>, мы рекомендуем разместить полный базовый код на каждой странице сайта, потому что так вы сможете собрать данные обо всех его посетителях. Тег <img> является фрагментом полного базового кода, который генерируется в менеджере объявлений. Ниже приведен пример фрагмента <img>, который входит в базовый код тега Pinterest.

<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=init&noscript=1" />

Важно разместить базовый код между тегами <head> и </head> в HTML-коде.

Данные о событиях в теге <img>

В тег <img> можно включить данные о событиях. Посмотрите, как это сделать, на примере события checkout.

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=checkout&ed[value]=10.00&ed[order_quantity]=2&ed[currency]=USD&ed[line_items][0][product_name]=Parker+Boots&[line_items][0][product_id]='1414'&ed[line_items][0][product_price]=5.00&ed[line_items][0][product_quantity]=1&ed[line_items][1][product_name]=Parker+Sandals&ed[line_items][1][product_id]='ABC'&ed[line_items][1][product_price]=5.00&ed[line_items][1][product_quantity]=1&noscript=1"/>

В приведенном ниже коде показано, как выглядит этот же тег <img>, когда параметры данных отделяются друг от друга для лучшей читаемости. Однако, если вы добавите пробел в атрибут src, будет создано прерывание кода.

 <img height="1" width="1" style="display:none;" alt=""
 src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID
 &event=checkout
 &ed[value]=10.00
 &ed[order_quantity]=2
 &ed[currency]=USD
 &ed[line_items][0][product_name]=Parker+Boots
 &ed[line_items][0][product_id]='1414'
 &ed[line_items][0][product_price]=5.00
 &ed[line_items][0][product_quantity]=1
 &ed[line_items][1][product_name]=Parker+Sandals
 &ed[line_items][1][product_id]='ABC'
 &ed[line_items][1][product_price]=5.00
 &ed[line_items][1][product_quantity]=1
 &noscript=1"/>

Готовые к использованию примеры тега <img> в кодах событий

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

Не забудьте заменить приведенные в примерах значения на статические значения или динамические переменные, актуальные для вашего веб-сайта. Вероятнее всего вы захотите отслеживать ценность заказа динамически, потому что ценность каждого оформленного на вашем веб-сайте заказа будет разной и будет зависеть от того, что покупает пользователь. Однако для категории данных lead_type, например, будет лучше назначить статическое значение при размещении на одной конкретной странице.

Checkout

 

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=checkout&ed[value]=10.00&ed[order_quantity]=2&noscript=1" />

Данные о событии: value, order_quantity и currency.

Обязательно укажите правильный код валюты для своего веб-сайта.

AddToCart

 

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=AddToCart&ed[value]=10.00&ed[order_quantity]=2&noscript=1" />

Данные о событии: value, order_quantity и currency. Обязательно укажите правильный код валюты для своего веб-сайта.

Pagevisit

 

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=pagevisit&noscript=1" />

Данные о событии: нет.

Signup

 

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=signup&noscript=1" />

Данные о событии: нет.

WatchVideo

 

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=watchvideo&ed[video_title]=My+Product+Video+01&noscript=1" />

Данные о событии: video_title

Lead

 

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=lead&ed[lead_type]=Newsletter&noscript=1" />

Данные о событии: lead_type.

Search

 

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=search&ed[search_query]=horse&noscript=1" />

Данные о событии: search_query.

ViewCategory

 

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=viewcategory&noscript=1" />

Данные о событии: нет.

Custom

Если вы хотите отслеживать событие, которого нет в этом списке, назовите его custom, иначе зафиксированные тегом конверсии не будут отображены в отчетах менеджера объявлений.

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=custom&noscript=1" />

Данные о событии: нет.

Все еще нужна помощь?
Контакты