заказать звонок
+38 (044) 358-48-00
заказать звонок
Starting a new project?
получить консультацию
Читайте наш Telegram 👈
4712
12

По данным издания Fast Company, Shopify вошел в тройку 50 самых инновационных компаний 2021 года, пропустив вперед лишь Moderna и Pfizer. (Полный список можно посмотреть здесь).

Shopify быстро сориентировался в период пандемии и помог превратить офлайн-точки в интернет-магазины. Выручка компании в 2020 году выросла до 2,93 миллиарда долларов, что составляет 86% роста.

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

Настройка рекламы на Shopify чаще всего включает:

  • настройку торговых и поисковых кампаний, дин. ремаркетинга;
  • установку и настройку GTM, Google Analytics и Merchant Center.

По настройке всех этих пунктов, кроме поисковой кампании, мы пройдемся в нашей статье.


1. Установка Google Analytics и Facebook Pixel

Прежде чем приступить к работе, нам нужно получить доступ к админ-панели сайта.

В нашей работе клиент или дает свой логин/пароль, что удобно, потому что в дальнейших настройках следует и установка приложений, и связывание Мерчанта под клиентским аккаунтом. Или же открывает нам доступ на указанный e-mail, после чего на почту приходит приглашение, которое нужно принять.

В админ-панели Shopify находим в разделе Sales Channels раздел Online store. Переходим на вкладку Preferences и видим поле для установки номера счетчика GA, и под ним Facebook Pixel.

Настройка Shopify

Рис. 1 – Вкладка Preferences


1.1 Google Analytics

Вставляем в поле наш идентификатор аналитики типа UA-111111111-1.

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

Для этого в своей учетной записи Google Analytics зайдите в пункт Администратор. Перейдите в раздел Представления – пункт Настройки электронной торговли.

Shopify настройка

Рис. 2 — Настройки в Аналитике

Переведите кнопку из положения ВЫКЛ в режим ВКЛ.

Shopify ecommerce

Рис. 3 — Настройка электронной торговли в GA

Если вам нужна дополнительная информация о поведении посетителей, используйте расширенную электронную торговлю. Для этого в Shopify устанавливаем флажок в соответствующем поле.

Enhanced Ecommerce

Рис. 4 — Чекбокс для использования Enhanced Ecommerce

В свою очередь в GA также следует активировать ползунок для учета расширенной электронной торговли.

Ecommerce Shopify

Рис. 5 — Страница настройки электронной торговли

Также не забывайте исключать источники перехода. Такие, как checkout.shopify.com или paypal.com.

Например, если пользователь со страницы оформления заказа вернется в интернет-магазин, чтобы продолжить покупки, тогда страница checkout может быть указана в качестве источника конверсии.

  • перейдите на вкладку Администратор своего ресурса;
  • в столбце Ресурс выберите Код отслеживания и дальше зайдите в пункт Список исключаемых источников перехода;
  • в открывшемся окне нажмите на Добавить исключения источников перехода;
  • в поле Домен вводите имя домена, переходы с которого хотите исключить.

Shopify настройка GA

Рис. 6 — Поле ввода адреса сайта для исключения

Shopify домены

Рис. 7 — Список исключенных доменов

Таким образом сможем получать корректные данные об источниках перехода.


1.2 Pixel Facebook

Пиксель устанавливается там же, где и Аналитика. Для этого необходимо перейти в Online Store — Preferences:

Shopify Preferences

Рис. 8 — Вкладка Preferences

С помощью пикселя можно измерять эффективность рекламы вашего сайта в Facebook и Instagram.


2. Настройка конверсий Google Analytics

Благодаря встроенной электронной коммерции на сайтах Shopify мы уже можем импортировать в аккаунт Google Ads самую важную конверсию — Транзакцию.

Если же нужно отслеживать процесс оформления заказа, то настраиваем цели типа Переход в GA.

Shopify Просмотр корзины

Рис. 9 — Установка цели Просмотр корзины

Остальные цели оформления заказа настраиваются аналогично.

Шаг Название Страница
1 Добавление в корзину /cart
2 Добавление контактной информации /checkout/contact_information
3 Добавления информации о доставке /checkout/shipping
4 Добавление информации об оплате /checkout/payment

 


3. Настройка конверсий в Google Ads

Спецы Google рекомендуют при возможности не импортировать цели из GA, а использовать именно конверсии Google Ads для корректной работы автоматических стратегий.

Для установки конверсий необходимо создать конверсию, установить глобальный тег и код события на сайт.

Рассмотрим подробнее:

  • создаем конверсию. В интерфейсе Google Ads заходим справа сверху на вкладку Инструменты — Конверсии — Создать — Веб сайт. Указываем необходимую информацию;

Гугл Эдс новое действие

Рис. 10 — Вкладка Создать действие

  • выбираем установить код самостоятельно.
  • копируем код вида:

<!— Global site tag (gtag.js) — Google Ads: ХХХХХХХХХ —>
<script async src=»https://www.googletagmanager.com/gtag/js?id=AW-XXXXXXXXX»></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag(‘js’, new Date());
gtag(‘config’, ‘AW-ХХХХХХХХХ’);
</script>

  • возвращаемся в Shopify и добавляем его в <head> в theme.liquid. Затем переходим в Settings → раздел Checkout → пункт Additional Scripts и вставляем код события.

<!— Event snippet for Transaction conversion page —>

<script>
gtag(‘event’, ‘conversion’, {
‘send_to’: ‘AW-1010101010/xxxxxx_xxxxxxxxxxxx’,
‘value’: 1.0,
‘currency’: ‘USD’,
‘transaction_id’: »
});
</script>,

где AW-1010101010/xxxxxx_xxxxxxxxxxxx необходимо заменить на данные из кода вашего события Google Ads.

Если у вас уже есть код в Additional Scripts, добавьте фрагмент события в новую строку под существующим кодом.

Если клиент перезагрузит страницу оформления заказа, Google Реклама может зарегистрировать повторяющуюся конверсию. Чтобы предотвратить повторяющиеся конверсии, добавьте теги до и после фрагмента события, чтобы он срабатывал один раз для каждого клиента:

В строке перед фрагментом вставьте:

{% if first_time_accessed %}

В строке после фрагмента вставьте:

{% endif %}

Валюта по умолчанию — американский доллар. Если вы продаете в другой валюте, замените «USD» во фрагменте события на «{{currency}}»

Идентификатор транзакции по умолчанию пуст. Чтобы в Google Рекламе не регистрировались повторяющиеся конверсии, рядом с «transaction_id»: замените «на» {{order_number}}.

Чтобы сделать ценность конверсии динамической, замените строку, начинающуюся со слова value: одним из следующих фрагментов:

  • Чтобы исключить налоги и доставку из суммы конверсии, замените ее следующим фрагментом:

‘значение’: {{checkout.subtotal_price | money_without_currency}},

  • Чтобы включить налоги и доставку в сумму конверсии, замените ее следующим фрагментом:

‘значение’: {{checkout.total_price | money_without_currency}},

После внесенных изменений ваш новый обновленный фрагмент кода должен выглядеть так:

{% if first_time_accessed %}
<!— Event snippet for Transaction conversion page —>
<script>
gtag(‘event’, ‘conversion’, {
‘send_to’: ‘AW-1010101010/xxxxxx_xxxxxxxxxxxx’,
‘value’: {{ checkout.subtotal_price | money_without_currency }},
‘currency’: ‘{{ shop.currency }}’,
‘transaction_id’: ‘{{ order_number }}’
});
</script>
{% endif %}


4. Установка GTM

Зарегистрируйтесь в Диспетчере тегов Google, если вы еще не зарегистрированы. После того как вы войдете в учетную запись, щелкните свой идентификатор GTM вверху экрана и скопируйте первую часть кода.

  • Скопируйте первую часть кода контейнера GTM.

Shopify GTM

Рис. 11 — Установка GTM

  • Вставьте код GTM в код сайта.

Переходим во вкладку Online Store — раздел Themes — пункт Actions. Выбираем из выпадающего списка Edit Code.

Shopify Themes

Рис. 12 — Вкладка Themes

Найдите «theme.liquid» в строке поиска слева и вставьте ранее скопированный код GTM в раздел head.

Shopify theme.liquid

Рис. 13 — Содержимое theme.liquid

  • Скопируйте второй фрагмент кода из Диспетчера тегов Google и Вставьте его как можно выше в <body> страницы theme.liquid.

Shopify страницы theme.liquid

И нажмите Save. Теперь код GTM будет отображаться на каждой странице вашего магазина, кроме страниц оформления заказа и страниц благодарности.

  • Вставьте код GTM на страницу обработки оформления заказа.

В базовых планах Shopify не разрешается редактировать процесс оформления заказа и добавлять туда коды. Но вы можете добавлять коды на финальную thank-you page.

Найдите раздел Settings, далее блок Checkout — в пункте Order processing зайдите в Additional scripts и вставьте туда наш скопированный код контейнера.

Shopify Settings

Рис. 14 — Раздел Настройки

Shopify additional scripts

Рис. 15 — Доп. скрипты

Теперь GTM будет работать на страницах вашего магазина, а также на странице благодарности. Напоминаем, что он не будет работать на этапах оформления заказа (где пользователь вводит информацию о своей кредитной карте и адресе), но он по-прежнему будет работать на странице оформленного заказа.

Важно! Не настраивайте отслеживание GA и Facebook Pixel через GTM, так как они добавляются непосредственно в админке Shopify.

  • Убедитесь, что GTM работает.

Работая с данными, вы всегда должны все перепроверять и подтверждать. В GTM есть отличный инструмент под названием Debugger (также известный как Preview&Debug Tool или Google Tag Assistant), который показывает, работает ли GTM в вашем магазине и какие теги/триггеры работают.

  • Вернитесь в интерфейс Диспетчера тегов Google и справа сверху найдите Preview (Просмотр).

Shopify GTM

Рис. 16 — Интерфейс диспетчера тегов

  • Введите URL-адрес вашего магазина и нажмите Start.

Shopify предпросмотр

Рис. 17 — Режим предпросмотра

  • Он должен открыть ваш магазин в новом окне. Убедитесь, что ваш браузер не блокирует всплывающее окно. Если да, сначала разрешите это. Вы должны увидеть уведомление Debugger connected внизу в правой части экрана.

Shopify debugger

Рис. 18 — Подключение отладчика

  • Вернитесь в Tag Assistant, и вы должны увидеть здесь сообщение Connected и теги в своей учетной записи GTM.

Shopify debugger connected

Рис. 19 — Уведомление о подключении отладчика

Это значит, что дебаггер подключен и можно проверить корректность работы тегов.


5. Настройка фида данных для Google Merchant Center

Добавить фид GMC в Shopify можно с помощью бесплатного приложения Google Channel.

Его можно найти в Sales Channels:

Shopify free to add

Рис. 20 — Добавить фид

Shopify add feed

Рис. 21 — Добавить фид (продолжение)

Важно помнить, если вы устанавливаете Google Channel, нужно проверить, установлен ли код конверсии Google Ads вручную в theme.liquid, так как Google Channel устанавливает его автоматически и может происходить дублирование конверсий.

Связываем Google Channel и электронную почту, на которой созданы учетные записи Merchant Center и Google Ads. Если их еще не существует, то они будут созданы под той почтой, которую вы указали.

Shopify Google Channel

Рис. 22 — Окно связывания Google Channel и аккаунта Гугл

Далее необходимо проверить, соответствует ли ваш магазин требованиям Google для работы с Мерчант Центром. В разделе Store requirements нажимаем на кликабельный текст и добавляем необходимую информацию. Либо подтверждаем, что информация есть на нашем сайте.

Shopify Merchant Center

Рис. 23 — Проверка магазина на соответствие требованиям Merchant Center

После внесения данных появятся поля для выбора аккаунтов GMC и GA. Если их нет, Shopify предложит их создать. Если же они были зарегистрированы заранее, то в выпадающем списке отобразятся те, которые подвязаны к указанной выше почте.

Connect Google account

Рис. 24 — Связывание учетных записей Google Ads и Merchant Center с Google Channel

Далее необходимо указать соответствующие настройки и нажать Сохранить.

Google в Shopify

Рис. 25 — Вкладка Google в Shopify

В разделе Product feed вы можете видеть статус ваших товаров, которые синхронизируются с фидом GMC.

Изменения, внесенные в Shopify, будут автоматически синхронизироваться с вашим фидом в GMC, чтобы данные всегда были актуальными.

Shopify Product feed

Рис. 26 — Раздел Product feed

Источник товаров в Merchant Center будет иметь такой вид:

GMC Primary feeds

Рис. 27 — Primary feeds

Shopify не создает товарный фид в привычном для PPC-специалиста виде. Товары просто публикуются через API и их список можно увидеть на вкладке Все товары:

Shopify feeds

Рис. 28 — Вид фида в Шопифай

Если вам необходимо запускать торговые кампании сразу на несколько стран, то в бесплатном приложении Google эта опция недоступна. Для этого необходимо установить платный плагин. Например, Multiple Google Shopping Feeds.

Multiple Google Shoppng Feeds

Рис. 29 — Плагин для работы с несколькими странами одновременно

Используя его, источник товаров в GMC будет выглядеть так:

Shopify feeds some countries

Рис. 30 — Товарный фид для кампаний с несколькими целевыми странами

В поле Country of sale будут указаны все страны, где будут запущены рекламные кампании с товарами из этого фида.


6. Динамический ремаркетинг

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

Есть два способа настроить динамический ремаркетинг на сайтах Shopify.

Первый — самостоятельно внести корректировки в код сайта, что чревато ошибками и проблемами с реализацией.
Второй способ — использовать бесплатное приложение Google Dynamic Remarketing.

Google Ads Dynamic Remarketing

Рис. 31 — Приложение поможет избежать ошибок

Для работы этого приложения нам понадобится код ремаркетинга Ads.
Чтобы его создать, переходим в аккаунт Гугл Рекламы в раздел Инструменты — пункт Менеджер аудиторий – вкладка Источники аудиторий.

Кликаем на Установить тег Google Ads.

Shopify настройка тега

Рис. 32 — Настройка тега

Далее выбираем чекбокс Собирать данные об определенных действиях, которые пользователи совершают на вашем сайте и вид деятельности Электронная торговля. Нажимаем сохранить.

Shopify тег Гугл Рекламы

Рис. 33 — Настройка тега Гугл Рекламы (продолжение)

После создания и настройки тега можем устанавливать приложение из Shop for Apps.

Для запуска кампании дин. ремаркетинга нам также будет необходимо активировать эту программу в нашем Merchant Center.

Shopify remarketing

Рис. 34 — Активация программы ремаркетинга

Для этого в разделе Управление программами находим Динамический ремаркетинг и активируем его.


Заключение

Надеемся, наш гайд поможет вам в настройке рекламных кампаний на платформе Shopify.

Если у вас остались вопросы, в комментариях с радостью отвечу на них или обращайтесь за настройкой =)

Мікро та макроконверсії банер

Что такое микро и макроконверсии

банер Обчислюване поле Looker Studio

Как создать вычисляемые поля в Looker Studio

Demand Gen baner

Google Demand Gen. Опыт ITForce

Подпишитесь на наши обновления
Больше полезных статей и мануалов еще впереди. Будьте в курсе!

Вы уже подписаны на нашу рассылку!

Подтвердите свой Email для завершения подписки.

Заказать
продвижение
Больше полезных статей и мануалов еще впереди. Будьте в курсе!

Спасибо! Скоро с Вами свяжется наш менеджер.