Используйте приложение Pinterest для Shopify, чтобы подключить магазин Shopify к бизнес-аккаунту Pinterest.
Помните, что аккаунт Shopify можно связать только с одним бизнес-аккаунтом Pinterest. Если у вас два магазина Shopify,
Если вы уже добавили тег Pinterest в Shopify вручную или использовали для этого сторонние инструменты, вам придется
Прежде чем подключить магазин Shopify к аккаунту Pinterest, необходимо сделать следующее:
Для подключения магазина Shopify к аккаунту Pinterest рекомендуется воспользоваться браузером Chrome на компьютере.
Хотя можно вручную добавить тег Pinterest в Shopify, мы не рекомендуем это делать. Предпочтительнее следовать инструкциям выше, чтобы подключить магазин к приложению Pinterest для Shopify. Тогда ваш тег добавится автоматически.
Добавление базового кода
Базовый код позволяет собирать данные о событиях, например о покупке или добавлении товара в корзину. Базовый код необходимо установить на всех страницах веб-сайта.
- Находясь в своем профиле на Shopify, нажмите Онлайн-магазин, а затем — Темы.
- Перейдите к теме, которую нужно отредактировать, и нажмите Действия, а затем — Изменить код.
- Нажмите theme.liquid.
- Прокрутите вниз до тега </head> и вставьте перед ним этот код:
<script type="text/javascript"> !function(e){if(!window.pintrk){window.pintrk=function() {window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var n=window.pintrk;n.queue=[],n.version="3.0";var t=document.createElement("script");t.async=!0,t.src=e;var r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}} ("https://s.pinimg.com/ct/core.js"); pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', }); pintrk('page'); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> </noscript>
- Замените YOUR_TAG_ID на уникальный идентификатор вашего тега. Чтобы найти уникальный идентификатор тега, откройте Менеджер объявлений на Pinterest.
- Перейдите к обзору отслеживания конверсии и найдите раздел с подробными сведениями.
- Скопируйте 13-значное число под заголовком Идентификатор тега и вставьте его в код вместо YOUR_TAG_ID.
Добавление события оформления покупки
После установки базового кода вы можете добавлять разные события для сбора дополнительной информации. Для отслеживания покупок товаров и завершения транзакций можно добавить событие оформления покупки.
- Находясь в своем профиле на Shopify, нажмите Настройки, а затем — Оформление покупки.
- В разделе Order Status Page Scripts (Сценарии для страницы статуса заказа) вставьте приведенный ниже отслеживающий код в текстовое поле. Если в поле уже указан код, вставьте отслеживающий код после него.
{% if first_time_accessed %} <script type="text/javascript"> !function(e){if(!window.pintrk){window.pintrk=function() {window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var n=window.pintrk;n.queue=[],n.version="3.0";var t=document.createElement("script");t.async=!0,t.src=e;var r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}} ("https://s.pinimg.com/ct/core.js"); pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', }); pintrk('page'); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> </noscript> <script> pintrk('track', 'checkout',{ value: {{ total_price }} / 100, currency: '{{ currency }}', order_quantity: 2, event_id: '{{ event_id }}', line_items: [ { product_name: '{{ product_name_1 }}', product_id: '{{ product_id_1 }}', product_price: {{ product_price_1 }}, product_quantity: 1 }, { product_name: '{{ product_name_2 }}', product_id: '{{ product_id_2 }}', product_price: {{ product_price_2 }}, product_quantity: 1 }, ], order_id: {{ checkout.order_id }} }); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=checkout&noscript=1"/> </noscript> {% endif %}
- Замените YOUR_TAG_ID на уникальный идентификатор вашего тега. Чтобы найти уникальный идентификатор тега, откройте Менеджер объявлений на Pinterest.
Добавление события добавления в корзину (необязательно)
После установки базового кода вы можете по желанию добавлять разные события для сбора дополнительной информации. Вы можете добавить событие добавления в корзину, чтобы отслеживать, когда пользователи добавляют товары в корзину.
Примечание. Для некоторых тем и виджетов Shopify нельзя добавить событие добавления в корзину.
- Находясь в своем профиле на Shopify, нажмите Онлайн-магазин, а затем — Темы.
- В теме, которую вы используете сейчас, нажмите Действия, а затем — Изменить код.
- В разделе Шаблоны найдите файл кода с именем product.liquid, product-template.liquid или product-form.liquid и откройте его. Название файла зависит от установленной темы, но в большинстве случаев код кнопки добавления в корзину находится в файле products.liquid или эквивалентном ему.
- Найдите файл addtocart в файле кода.
- Разместите приведенный ниже код в пределах конечного
символа вставки элемента <button> или <input>.onclick="pintrk('track', 'addtocart');"
- Нажмите Сохранить в правом верхнем углу экрана.
Если вы уже установили тег Pinterest вручную и теперь хотите вместо этого использовать приложение Pinterest для Shopify, сначала нужно удалить предыдущий установленный вручную тег. Обязательно удалите базовый код, код оформления покупки и код добавления в корзину.
Удаление базового кода
- Находясь в своем профиле на Shopify, нажмите Онлайн-магазин, а затем — Темы.
- Перейдите к теме, которую нужно отредактировать, и нажмите Действия, а затем — Изменить код.
- Нажмите theme.liquid.
- Прокрутите до тега </head> и найдите этот код:
<script type="text/javascript"> !function(e){if(!window.pintrk){window.pintrk=function() {window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var n=window.pintrk;n.queue=[],n.version="3.0";var t=document.createElement("script");t.async=!0,t.src=e;var r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}} ("https://s.pinimg.com/ct/core.js"); pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', }); pintrk('page'); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> </noscript>
Удаление кода оформления покупки
- В своем профиле на Shopify нажмите Настройки, а затем — Оформление покупки.
- В разделе сценариев для страницы статуса заказа найдите в текстовом поле следующий отслеживающий код. Если в текстовом поле введена другая часть кода, удалите только указанную ниже часть:
{% if first_time_accessed %} <script type="text/javascript"> !function(e){if(!window.pintrk){window.pintrk=function() {window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var n=window.pintrk;n.queue=[],n.version="3.0";var t=document.createElement("script");t.async=!0,t.src=e;var r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}} ("https://s.pinimg.com/ct/core.js"); pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', }); pintrk('page'); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> </noscript> <script> pintrk('track', 'checkout',{ value: {{ total_price | money_without_currency }}, currency: '{{ currency }}', order_quantity: 1, order_id: {{ checkout.id }} }); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=checkout&noscript=1"/> </noscript> {% endif %}
Удаление кода добавления в корзину
- Находясь в своем профиле на Shopify, нажмите Онлайн-магазин, а затем — Темы.
- В теме, которую вы используете сейчас, нажмитеДействия, а затем — Изменить код.
- В разделе Шаблоны найдите файл кода под названием product.liquid, product-template.liquid, или product-form.liquid и откройте его. Примечание: название файла зависит от установленной темы, но в большинстве случаев код кнопки добавления в корзину находится в файле products.liquid или эквивалентном ему.
- Найдите в файле addtocart.
- Найдите и удалите указанный ниже код. Он должен находиться в пределах конечного символа вставки элемента <button> или <input>:
onclick="pintrk('track', 'addtocart');"
- Нажмите Сохранить в правом верхнем углу экрана.