Shopify быстро сориентировался в период пандемии и помог превратить офлайн-точки в интернет-магазины. Выручка компании в 2020 году выросла до 2,93 миллиарда долларов, что составляет 86% роста.
Поэтому неудивительно, что в последнее время к нам на настройку заходят проекты на этой платформе. Контекстная реклама (PPC) на сервисе крайне удобна для запуска е-коммерс, и одновременно достаточно проста для настройки маркетинговых активностей.
По данным издания Fast Company, Shopify вошел в тройку 50 самых инновационных компаний 2021 года, пропустив вперед лишь Moderna и Pfizer. (Полный список можно посмотреть здесь).
Настройка рекламы на Shopify чаще всего включает:
По настройке всех этих пунктов, кроме поисковой кампании, мы пройдемся в нашей статье.
Прежде чем приступить к работе, нам нужно получить доступ к админ-панели сайта.
В нашей работе клиент или дает свой логин/пароль, что удобно, потому что в дальнейших настройках следует и установка приложений, и связывание Мерчанта под клиентским аккаунтом. Или же открывает нам доступ на указанный e-mail, после чего на почту приходит приглашение, которое нужно принять.
В админ-панели Shopify находим в разделе Sales Channels раздел Online store. Переходим на вкладку Preferences и видим поле для установки номера счетчика GA, и под ним Facebook Pixel.
Рис. 1 – Вкладка Preferences
Вставляем в поле наш идентификатор аналитики типа UA-111111111-1.
На сайтах Шопифай работает базовое отслеживание электронной торговли. Если вам нужны данные о транзакциях и доходах, то они автоматически будут передаваться в GA.
Для этого в своей учетной записи Google Analytics зайдите в пункт Администратор. Перейдите в раздел Представления – пункт Настройки электронной торговли.
Рис. 2 – Настройки в Аналитике
Переведите кнопку из положения ВЫКЛ в режим ВКЛ.
Рис. 3 – Настройка электронной торговли в GA
Если вам нужна дополнительная информация о поведении посетителей, используйте расширенную электронную торговлю. Для этого в Shopify устанавливаем флажок в соответствующем поле.
Рис. 4 – Чекбокс для использования Enhanced Ecommerce
В свою очередь в GA также следует активировать ползунок для учета расширенной электронной торговли.
Рис. 5 – Страница настройки электронной торговли
Также не забывайте исключать источники перехода. Такие, как checkout.shopify.com или paypal.com.
Например, если пользователь со страницы оформления заказа вернется в интернет-магазин, чтобы продолжить покупки, тогда страница checkout может быть указана в качестве источника конверсии.
Рис. 6 – Поле ввода адреса сайта для исключения
Рис. 7 – Список исключенных доменов
Таким образом сможем получать корректные данные об источниках перехода.
Пиксель устанавливается там же, где и Аналитика. Для этого необходимо перейти в Online Store – Preferences:
Рис. 8 – Вкладка Preferences
С помощью пикселя можно измерять эффективность рекламы вашего сайта в Facebook и Instagram.
Благодаря встроенной электронной коммерции на сайтах Shopify мы уже можем импортировать в аккаунт Google Ads самую важную конверсию – Транзакцию.
Если же нужно отслеживать процесс оформления заказа, то настраиваем цели типа Переход в GA.
Рис. 9 – Установка цели Просмотр корзины
Остальные цели оформления заказа настраиваются аналогично.
| Шаг | Название | Страница |
| 1 | Добавление в корзину | /cart |
| 2 | Добавление контактной информации | /checkout/contact_information |
| 3 | Добавления информации о доставке | /checkout/shipping |
| 4 | Добавление информации об оплате | /checkout/payment |
Спецы Google рекомендуют при возможности не импортировать цели из GA, а использовать именно конверсии 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>
<!– 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 %}
Зарегистрируйтесь в Диспетчере тегов Google, если вы еще не зарегистрированы. После того как вы войдете в учетную запись, щелкните свой идентификатор GTM вверху экрана и скопируйте первую часть кода.
Рис. 11 – Установка GTM
Переходим во вкладку Online Store – раздел Themes – пункт Actions. Выбираем из выпадающего списка Edit Code.
Рис. 12 – Вкладка Themes
Найдите “theme.liquid” в строке поиска слева и вставьте ранее скопированный код GTM в раздел head.
Рис. 13 – Содержимое theme.liquid
И нажмите Save. Теперь код GTM будет отображаться на каждой странице вашего магазина, кроме страниц оформления заказа и страниц благодарности.
В базовых планах Shopify не разрешается редактировать процесс оформления заказа и добавлять туда коды. Но вы можете добавлять коды на финальную thank-you page.
Найдите раздел Settings, далее блок Checkout – в пункте Order processing зайдите в Additional scripts и вставьте туда наш скопированный код контейнера.
Рис. 14 – Раздел Настройки
Рис. 15 – Доп. скрипты
Теперь GTM будет работать на страницах вашего магазина, а также на странице благодарности. Напоминаем, что он не будет работать на этапах оформления заказа (где пользователь вводит информацию о своей кредитной карте и адресе), но он по-прежнему будет работать на странице оформленного заказа.
Важно! Не настраивайте отслеживание GA и Facebook Pixel через GTM, так как они добавляются непосредственно в админке Shopify.
Работая с данными, вы всегда должны все перепроверять и подтверждать. В GTM есть отличный инструмент под названием Debugger (также известный как Preview&Debug Tool или Google Tag Assistant), который показывает, работает ли GTM в вашем магазине и какие теги/триггеры работают.
Рис. 16 – Интерфейс диспетчера тегов
Рис. 17 – Режим предпросмотра
Рис. 18 – Подключение отладчика
Рис. 19 – Уведомление о подключении отладчика
Это значит, что дебаггер подключен и можно проверить корректность работы тегов.
Добавить фид GMC в Shopify можно с помощью бесплатного приложения Google Channel.
Его можно найти в Sales Channels:
Рис. 20 – Добавить фид
Рис. 21 – Добавить фид (продолжение)
Важно помнить, если вы устанавливаете Google Channel, нужно проверить, установлен ли код конверсии Google Ads вручную в theme.liquid, так как Google Channel устанавливает его автоматически и может происходить дублирование конверсий.
Связываем Google Channel и электронную почту, на которой созданы учетные записи Merchant Center и Google Ads. Если их еще не существует, то они будут созданы под той почтой, которую вы указали.
Рис. 22 – Окно связывания Google Channel и аккаунта Гугл
Далее необходимо проверить, соответствует ли ваш магазин требованиям Google для работы с Мерчант Центром. В разделе Store requirements нажимаем на кликабельный текст и добавляем необходимую информацию. Либо подтверждаем, что информация есть на нашем сайте.
Рис. 23 – Проверка магазина на соответствие требованиям Merchant Center
После внесения данных появятся поля для выбора аккаунтов GMC и GA. Если их нет, Shopify предложит их создать. Если же они были зарегистрированы заранее, то в выпадающем списке отобразятся те, которые подвязаны к указанной выше почте.
Рис. 24 – Связывание учетных записей Google Ads и Merchant Center с Google Channel
Далее необходимо указать соответствующие настройки и нажать Сохранить.
Рис. 25 – Вкладка Google в Shopify
В разделе Product feed вы можете видеть статус ваших товаров, которые синхронизируются с фидом GMC.
Изменения, внесенные в Shopify, будут автоматически синхронизироваться с вашим фидом в GMC, чтобы данные всегда были актуальными.
Рис. 26 – Раздел Product feed
Источник товаров в Merchant Center будет иметь такой вид:
Рис. 27 – Primary feeds
Shopify не создает товарный фид в привычном для PPC-специалиста виде. Товары просто публикуются через API и их список можно увидеть на вкладке Все товары:
Рис. 28 – Вид фида в Шопифай
Если вам необходимо запускать торговые кампании сразу на несколько стран, то в бесплатном приложении Google эта опция недоступна. Для этого необходимо установить платный плагин. Например, Multiple Google Shopping Feeds.
Рис. 29 – Плагин для работы с несколькими странами одновременно
Используя его, источник товаров в GMC будет выглядеть так:
Рис. 30 – Товарный фид для кампаний с несколькими целевыми странами
В поле Country of sale будут указаны все страны, где будут запущены рекламные кампании с товарами из этого фида.
Позволяет показывать персонализированную рекламу посетителям, которые просматривали и совершали какие-либо действия с определенными товарами вашего сайта.
Есть два способа настроить динамический ремаркетинг на сайтах Shopify.
Первый – самостоятельно внести корректировки в код сайта, что чревато ошибками и проблемами с реализацией.
Второй способ – использовать бесплатное приложение Google Dynamic Remarketing.
Рис. 31 – Приложение поможет избежать ошибок
Для работы этого приложения нам понадобится код ремаркетинга Ads.
Чтобы его создать, переходим в аккаунт Гугл Рекламы в раздел Инструменты – пункт Менеджер аудиторий – вкладка Источники аудиторий.
Кликаем на Установить тег Google Ads.
Рис. 32 – Настройка тега
Далее выбираем чекбокс Собирать данные об определенных действиях, которые пользователи совершают на вашем сайте и вид деятельности Электронная торговля. Нажимаем сохранить.
Рис. 33 – Настройка тега Гугл Рекламы (продолжение)
После создания и настройки тега можем устанавливать приложение из Shop for Apps.
Для запуска кампании дин. ремаркетинга нам также будет необходимо активировать эту программу в нашем Merchant Center.
Рис. 34 – Активация программы ремаркетинга
Для этого в разделе Управление программами находим Динамический ремаркетинг и активируем его.
Надеемся, наш гайд поможет вам в настройке рекламных кампаний на платформе Shopify. Примеры реализации отслеживания эффективности настройки контекстна можно посмотреть в разделе Кейсы.
Если у вас остались вопросы, в комментариях с радостью отвечу на них или обращайтесь за настройкой контекста в агентство=)
