Внимание! Похоже, вы открыли эту статью из страны, где приложение Shopify Pinterest еще не доступно. Подробнее

Используйте приложение Pinterest для Shopify, чтобы подключить магазин Shopify к бизнес-аккаунту Pinterest.

Помните, что аккаунт Shopify можно связать только с одним бизнес-аккаунтом Pinterest. Если у вас два магазина Shopify, свяжитесь с нами.

Если вы уже добавили тег Pinterest в Shopify вручную или использовали для этого сторонние инструменты, вам придется удалить тег перед использованием приложения Pinterest для Shopify.
Преимущества
  • Ваш веб-сайт будет подтвержден в Pinterest.
  • Будут установлены тег Pinterest и API для конверсий.
  • Ваша лента товаров Shopify будет подключена к Pinterest.
  • На основе вашей ленты товаров Shopify будут созданы товарные пины.
  • Вы получите кредит на рекламу в размере 100 долл. США, когда запустите свою первую рекламную кампанию на Pinterest.
    •
    Первые шаги

    Прежде чем подключить магазин Shopify к аккаунту Pinterest, необходимо сделать следующее:

  • Регистрация бизнес-аккаунта Pinterest
  • Создание аккаунта рекламодателя
    •

    Для подключения магазина Shopify к аккаунту Pinterest рекомендуется воспользоваться браузером Chrome на компьютере.

     
    Связывание аккаунтов с помощью приложения Pinterest для Shopify
  • Войдите в аккаунт Shopify.
  • Перейдите к приложению Pinterest на странице Shopify в Магазине Shopify.
  • Ознакомьтесь с разрешениями и нажмите Добавить приложение, если вы согласны со всеми пунктами.
  • Для завершения установки приложения Pinterest в Shopify следуйте инструкциям на экране.
    •

    Хотя можно вручную добавить тег Pinterest в Shopify, мы не рекомендуем это делать. Предпочтительнее следовать инструкциям выше, чтобы подключить магазин к приложению Pinterest для Shopify. Тогда ваш тег добавится автоматически.

    Добавление базового кода

    Базовый код позволяет собирать данные о событиях, например о покупке или добавлении товара в корзину. Базовый код необходимо установить на всех страницах веб-сайта.

    1. Находясь в своем профиле на Shopify, нажмите Онлайн-магазин, а затем — Темы.​
    2. Перейдите к теме, которую нужно отредактировать, и нажмите Действия, а затем — Изменить код.
    3. Нажмите theme.liquid.
    4. Прокрутите вниз до тега </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>
    5. Замените YOUR_TAG_ID на уникальный идентификатор вашего тега. Чтобы найти уникальный идентификатор тега, откройте Менеджер объявлений на Pinterest.
    6. Перейдите к обзору отслеживания конверсии и найдите раздел с подробными сведениями.
    7. Скопируйте 13-значное число под заголовком Идентификатор тега и вставьте его в код вместо YOUR_TAG_ID.

    Добавление события оформления покупки

    После установки базового кода вы можете добавлять разные события для сбора дополнительной информации. Для отслеживания покупок товаров и завершения транзакций можно добавить событие оформления покупки.

    1. Находясь в своем профиле на Shopify, нажмите Настройки, а затем — Оформление покупки.
    2. В разделе 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 %}
    3. Замените YOUR_TAG_ID на уникальный идентификатор вашего тега. Чтобы найти уникальный идентификатор тега, откройте Менеджер объявлений на Pinterest.

    Добавление события добавления в корзину (необязательно)

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

    Примечание. Для некоторых тем и виджетов Shopify нельзя добавить событие добавления в корзину.

    1. Находясь в своем профиле на Shopify, нажмите Онлайн-магазин, а затем — Темы.
    2. В теме, которую вы используете сейчас, нажмите Действия, а затем — Изменить код.
    3. В разделе Шаблоны найдите файл кода с именем product.liquid, product-template.liquid или product-form.liquid и откройте его. Название файла зависит от установленной темы, но в большинстве случаев код кнопки добавления в корзину находится в файле products.liquid или эквивалентном ему.
    4. Найдите файл addtocart в файле кода.
    5. Разместите приведенный ниже код в пределах конечного символа вставки элемента <button> или <input>. 
      onclick="pintrk('track', 'addtocart');"
    6. Нажмите Сохранить в правом верхнем углу экрана.

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

    Удаление базового кода

    1. Находясь в своем профиле на Shopify, нажмите Онлайн-магазин, а затем — Темы.​
    2. Перейдите к теме, которую нужно отредактировать, и нажмите Действия, а затем — Изменить код.
    3. Нажмите theme.liquid.
    4. Прокрутите до тега </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>

    Удаление кода оформления покупки

    1. В своем профиле на Shopify нажмите Настройки, а затем — Оформление покупки.
    2. В разделе сценариев для страницы статуса заказа найдите в текстовом поле следующий отслеживающий код. Если в текстовом поле введена другая часть кода, удалите только указанную ниже часть: 
      {% 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 %}

    Удаление кода добавления в корзину

    1. Находясь в своем профиле на Shopify, нажмите Онлайн-магазин, а затем — Темы​.
    2. В теме, которую вы используете сейчас, нажмитеДействия, а затем — Изменить код.
    3. В разделе Шаблоны найдите файл кода под названием product.liquid, product-template.liquid, или product-form.liquid и откройте его. Примечание: название файла зависит от установленной темы, но в большинстве случаев код кнопки добавления в корзину находится в файле products.liquid или эквивалентном ему.
    4. Найдите в файле addtocart.
    5. Найдите и удалите указанный ниже код. Он должен находиться в пределах конечного символа вставки элемента <button> или <input>: 
      onclick="pintrk('track', 'addtocart');"
    6. Нажмите Сохранить в правом верхнем углу экрана.
    Была ли эта статья полезной?

    Как можно улучшить эту статью?