Тег IMG

Тег <img> виконує роль резервного тегу у випадках, коли JavaScript у браузері користувача вимкнено. Однак за бажанням ви можете додати лише код події тегу image без JavaScript. У такому випадку слід видалити теги <noscript>, адже ви не використовуватимете JavaScript. Ми рекомендуємо використовувати в коді події як JavaScript, так і тег image, оскільки це сприяє кращому таргетингу користувачів.

Базовий код для тегу <img>

Ми радимо розмістити базовий код на кожній сторінці вашого сайту, навіть якщо ви використовуєте тег <img>. Це дасть вам змогу відстежувати весь трафік на сайті. Версія базового коду з тегом <img> — це частина всього коду, згенерованого в службі управління рекламою. Нижче наведено приклад базового коду для тегу Pinterest <img>.

<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>.

 <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" />

Дані події: відсутні

Потрібна допомога?
Зв’яжіться з нами