Как настроить Shopify CMS для контекстной рекламы | Penguin-team

Shopify CMS глазами РРСшника: какие настройки делать для нового клиента

10.09.2018
Алёна Лихтер
13 минут
Контекстная реклама, Полезная информация,
271

Shopify — это платформа для создания сайтов, которая заточена под потребности и задачи e-commerce полностью, от шаблонов оформления до реализации систем оплаты. Это же делает ее гораздо более удобной для РРС-маркетологов и специалистов других профилей, которым не приходится бороться с CMS для продвижения, нормального сбора данных и аналитики. Но, как водится, не избавляет от работы полностью: свои нюансы есть и здесь.

На 2018 год этой платформой пользуется Red Bull, Nestle, Kylie Cosmetics и еще 600 000 компаний в 175 странах. Как быть, если ваш новый клиент тоже имеет сайт на Shopify, а вам довелось быть РРС-специалистом? Разберемся в этой статье.

Но сначала…

Краткий экскурс в историю и особенности

История Shopify интересна тем, что это история воплощения мечты. Почему? Потому что первым сайтом на Shopify был сайт самих будущих разработчиков, которые хотели сделать интернет-магазин для сноубордистов, но не нашли подходящей готовой CMS.

Хочешь сделать хорошо — сделай сам, вероятно, решили ребята. И сделали. Сначала это не было коммерческое решение: просто самописная платформа для себя, которая решала конкретные задачи конкретного магазина. Но, как гласит история, вскоре стало понятно, что многие другие интернет-магазины нуждаются в таком беспроблемном решении. Так родилась CMS Shopify с ее миссией «Сделать торговлю лучше для всех».

И с того момента в 2006 году компания выросла с 5 человек в местной кафешке до 3000 сотрудников в 5 офисах.

Права редактора

Первое, что нужно сделать, если у вас появился клиент с интернет-магазином на Shopify, — это попросить открыть доступ на редактирование. Это делается, как обычно, на электронную почту: вам придет письмо с ссылкой, по которой нужно будет зарегистрироваться.

image4
Вот так выглядит админка: достаточно стандартно (основное меню слева), хотя некоторые функции находятся в не совсем очевидных местах

Google Tag Manager

GTM в Shopify можно настроить двумя способами. Рассмотрим каждый из них.

Вариант 1

Контейнер Google Tag Manager состоит из двух кодов. Первую часть, которую нужно поставить в <head>, ставят в дополнительный код Google Аналитики.

Важно! Часть кода нужно скопировать не полностью, а только участок между тегами <script>, как на скрине ниже.

Вторую часть кода нужно вставить непосредственно в <body>. Для этого перейдите в редактор темы и выберите «Редактировать код»:

image2

В блоке Layout выберите theme.liquid и вставьте оставшийся кусочек кода:

image8

Этот вариант попадался нам чаще всего, но есть еще один способ.

Вариант 2

Во втором способе нужно вставить обе части кода с помощью «Редактирования кода»:

  • первую часть в <head>;
  • вторую в <body>.

И не забудьте сохранить: кнопка Save в правом верхнем углу!

Дальнейшие действия

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

Если у вас есть доступ к checkout.liquid в разделе редактирования кода, проделайте там то же самое: проставьте коды в <head> и <body>.

Если доступа нет, зайдите в Settings → Checkout → Order processing и проставьте код здесь в окне «Additional scripts».

Важно, если вы работаете с GTM! В Shopify чекаут происходит на другом сайте, и в самой системе уже реализовано междоменное отслеживание. Ввиду этого, при имплементировании тегов через GTM часть информации не отслеживается. Чтобы этого не допустить и получать все данные, вставляйте коды Google Аналитики и Facebook Pixel через Shopify, а не Tag Manager.

Google Analytics и расширенная электронная торговля

Shopify полностью интегрируется с Google Аналитикой — это как раз тот момент, где разработчики полностью позаботились о своих клиентах и необходимости анализировать работу интернет-магазина. Для подключения Google Analytics нужно перейти в раздел меню Online Store → Preferences → блок Google Analytics и поставить id аналитики.

Также сразу поставьте галочку в пункте «Использовать расширенную электронную торговлю» и проверьте, чтобы она была включена в настройках Google Аналитики.

image1

Конверсии в Google Analytics

Если у вас настроена расширенная электронная торговля, вы будете видеть в Google Аналитике статистику по транзакциям. Но часто этого не достаточно. Если вы хотите создать промежуточные цели (корзина, шаги в оформлении заказа), то вариант «скопировать и вставить URL» не всегда будет работать. Это связано с тем, что в Shopify создаются динамические ссылки с набором чисел, которые при каждом заказе меняются. При этом в статистике Google Аналитики информации по таким страницам нет, а в аналитику Shopify отправляет более агрегированную информацию.

Как быть с настройками целей?

  1. Посещение корзины. Тут все просто: страница /cart.Страница оформления заказа (страница с заполнением контактной информации): /checkout/contact_informantion. Если будете оформлять сами, такой адрес страницы вы не увидите, но в аналитику она передается именно так.
  2. Страница оформления заказа (страница с заполнением информации о доставке): /checkout/shipping.
  3. Страница оформления заказа (страница с заполнением платежных данных): /checkout/payment.

У клиентов количество страниц чекаута может отличаться. Чтобы проверить это, посмотрите статистику Google Analytics по страницам в разделе Поведение → Контент сайта → Все страницы:

image17

Фид для Google Merchant Center

Раньше фид для Google Merchant Center формировался при помощи плагина Google Shopping от Shopify. Даже до сих пор в некоторых админках сайтов, которые давно используют торговые рекламные кампании, можно увидеть это приложение.

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

image16

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

Динамический ремаркетинг Google Ads

Для настройки динамического ремаркетинга Google Ads есть специальные плагины. Но вот тонкость: они и помочь могут, и навредить.

Вот с чем мы столкнулись: установленный плагин отправлял неправильные id товаров, которые не совпадали с товарами в Merchant Center. Там Shopify создает составные id для того, чтобы у каждого цвета/размера был свой уникальный id. Чтобы решить эту проблему, нам пришлось модифицировать код. А потом снова, и снова…

Спустя какое-то время успех все же бы достигнут. Вот наш рабочий код:

Сохраните эту страницу себе в закладки на случай, если когда-то столкнетесь с таким же квестом. Чтобы использовать код самим, замените XXXXXXXXX на id из вашего аккаунта. Получившийся код вставьте перед закрывающимся тегом в Online store → Themes → Actions → Edit code → themes.liquid. И будет вам счастье 🙂

Где искать id в аккаунте Google Ads:

Facebook Pixel

Facebook Pixel подключается в том же меню Online Store → Preferences, сразу под Google Аналитикой.

image6

Код конверсии Bing…

…или другие коды, которые фиксируют успешный заказ

Настройку кодов конверсии Bing можно сделать через дополнительный код в настройках чекаута, по пути Settings → Checkout → Order processing → Additional scripts.

7 полезных плагинов для Shopify

Плагины в Shopify называются Apps — приложения. Их существует множество видов для множества вещей и, как водится, бывают они как платными, так и бесплатными (созданные разработчиками Shopify или сторонними разработчиками).

image15

Shopify Apps, которые помогут в продажах и маркетинге:

  1. OptinMonster для создания всплывающих окон. Один из пользователей плагина OptinMonster с помощью поп-апов смог повысить продажи на 35%, а другой перешел на OptinMonster с другого сервиса и увеличил количество конверсий в 2,5 раза.

Возможности OptinMonster:

  • показ рекламных акций на основе местоположения, поведения, устройства и других данных о клиенте;
  • сбор почтовых адресов и показ предложения по сценарию (перед закрытием сайта) для уменьшения количества «брошенных корзин»;
  • запуск ретаргетинговых кмпаний для улучшения конверсионности.

Цена: 49$/месяц.

  1. Smile.io для создания программ лояльности. Повышает рост продаж на 15% за год и увеличивает количество повторных покупок на 20%. Один из клиентов компании смог увеличить количество повторных покупок даже до 80% за один месяц!

Возможности Smile.io:

  • создание программ лояльности для поощрения целевых действий. Награду можно назначать за покупку, регистрацию, подписки и репосты в соцсетях, на дни рождения и не только;
  • реферальные программы для привлечения новых клиентов через уже существующих;
  • VIP-программы для работы с самыми выгодными клиентами, которые больше всего взаимодействуют с брендом и приносят больше всего прибыли.

Цена: есть бесплатная версия; платная версия от 59$/месяц.

  1. Recover Cart Pusher для таргетированных уведомлений пользователям с брошенной корзиной. Средний коэффициент незавершенных покупок — 69,23%, то есть больше половины всех пользователей так и не доходят на фактического заказа. Если ваш магазин зарабатывает в месяц 1000$, то с такой статистикой получается, что вы потенциально теряете 2250$ ежемесячно (!). Это 27 000$ в год.

Возможности Recover Cart Pusher:

  • автоматическая отправка уведомлений о незавершенной покупке;
  • повышение количества конверсий и уменьшение количества брошенных корзин сразу после установки;
  • гибкая настройка.

Цена: бесплатно.

  1. Yotpo для генерации отзывов о продукте/сайте. По данным украинского исследования MMR Lab 2013 года, интернет-магазины с 50+ отзывами получают на 30% больше покупок, чем магазины с 10 отзывами; и на 300% больше, чем магазины без отзывов. Достойная причина озаботиться сбором социальных доказательств, верно?

Возможности Yotpo:

  • удобный виджет для генерации потребительских отзывов с текстом, фотографиями, видео и другим контентом;
  • расширяет возможности по вовлечению и удержанию пользователей из маркетинговых каналов при помощи купонов, email’ов с запросами отзывов, интеграции с соцсетями и не только;
  • интеграция с более чем десятком сервисов, в том числе Facebook, Instagram, Твиттер, Pinterest, Google Реклама, FOMO, Smile.io, Searchanise и не только.

Цена: есть бесплатная версия, платная версия от 49$/месяц.

  1. Back in Stock для отправки уведомлений о появлении товара в наличии. Часто бывает, что в магазине заканчивается товар, а спрос на него никуда не девается. В этом случае часть клиентов уходит к конкурентам, а часть просто машет рукой и отказывается от покупки. Чтобы не терять лояльных посетителей, готовых сделать заказ, предложите им получить уведомление, когда нужный товар снова появится в наличии.

Возможности Back in Stock:

  • автоматическая отправка писем при поступлении товара тем клиентам, которые подписались на уведомление;
  • можно настроить получение ежедневных или еженедельных отчетов о самых востребованных товарах с указанием, какое количество их нужно заказать;
  • простая и гибкая настройка за 30 секунд: по одному клику на всех страницах товаров начнет отображаться кнопка для подписки на уведомление.

Цена: 24,95$/месяц.

  1. Kit для более простого маркетинга. Этот сервис — официальный партнер Facebook по маркетингу для малого бизнеса

Возможности Kit:

  • рекомендация маркетинговых активностей для повышения продаж;
  • простой запуск ретаргетинговых кампаний для возврата посетителей;
  • быстрая настройка и продвижений акций, отправка благодарственных имейлов покупателям и другие задачи — все можно выполнить через SMS или Facebook Messenger.

Цена: бесплатно.

  1. Countdown Cart by Beeketing для создания эффекта срочности покупки.

Возможности Countdown Cart:

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

Цена: бесплатно.

Вот и все главные инсайты, которые мы получили на практике работы с Shopify. Это простая и удобная платформа для работы и, надеемся, с этим гайдом она станет еще проще!

Остались вопросы? Напишите в комментарии и мы обязательно ответим!

Получить 7 писем о том,
как улучшить свой AdWords аккаунт
+ PPC статьи

Имя
e-mail
Улучшить AdWords

Улучшить свой AdWords

Получите 7 писем, о том, как можно улучшить свой аккаунт в AdWords

Подписаться

Наш сайт использует файлы cookie, чтобы улучшить работу и предоставить максимальное удобство пользователям.

В версии 2.2.0

  • Добавлена поддержка "Google Keyword Planner"
  • Используйте "LeftALT + S" для поиска слов
  • "Показать/скрыть" теперь полностью скрывает расширение с экрана

Основные комбинации

  • LeftMouseClick для добавления слова, повторное нажатие - для удаления
  • LeftALT + LeftMouseClick - для сбора фраз
  • LeftALT + S - для поиска слов