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

Вы можете отслеживать поведение пользователей на сайте с помощью Google Рекламы и Google Аналитики.

Подготовка

Вы можете бесплатно интегрировать свой аккаунт Shopify с Google Рекламой или Google Аналитикой. Для этого понадобится работающий аккаунт Google, поле кода JavaScript, предоставленное Google, и активный аккаунт Shopify.

Для настройки тега Google в Shopify выберите нужный набор инструкций ниже в зависимости от идентификатора тега (идентификаторы, начинающиеся на "AW-", обычно соответствуют аккаунтам Google Рекламы, а на "G-" – ресурсам Google Аналитики).

Если у вас есть тег, начинающийся на "AW-"

Самый легкий и быстрый способ настроить тег Google через Google Рекламу – это настроить отслеживание конверсий с помощью приложения Google & YouTube в Shopify.

Если вы не хотите использовать приложение Google & YouTube в Shopify, можно настроить тег Google вручную. Рекомендуем использовать этот способ только опытным пользователям, поскольку из-за его сложности повышается вероятность создания копий событий-конверсий, что это может привести к неточному отслеживанию данных.

Чтобы продолжить, следуйте инструкциям по настройке тега Google, приведенным в этой статье.

1. Как добавить тег Google вручную

Войдите в аккаунт Google Рекламы.
В правом верхнем углу нажмите на значок инструментов и в разделе "Настройка" выберите Тег Google.
Перейдите на вкладку "Конфигурация".
В разделе "Ваш тег Google" нажмите Инструкции по установке.
На странице "Инструкции по установке" выберите "Установить вручную".
В Shopify на панели слева выберите Online Store > Themes (Интернет-магазин > Темы), нажмите кнопку с тремя точками для активной темы, откройте раскрывающийся список и выберите Edit Code (Изменить код).
В разделе Layout (Макет) выберите {/}theme.liquid.
Убедитесь, что в файле theme.liquid нет тегов отслеживания Google. Если на этой странице есть код, похожий на приведенный ниже блок, вероятно, продукты Google уже установлены. Убедитесь, что их нужно заменить.
Чтобы связать сайт с Google Рекламой, скопируйте и вставьте код тега Google, приведенный ниже. После элемента <head> вставьте следующий код. начиная с  и заканчивая </script>.
Нажмите кнопку Сохранить.

<!-- Google tag (gtag.js) -->

    <script async src="https://www.googletagmanager.com/gtag/js?id=Tag_ID"></script>

    <script>

     window.dataLayer = window.dataLayer || [];

     function gtag(){dataLayer.push(arguments);}

     gtag('js', new Date());

     gtag('config', 'Tag_ID');

    </script>

Примечание. На каждой странице сайта должен быть только один тег Google.

2. Проверьте действия-конверсии в Google Рекламе

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

Войдите в аккаунт Google Рекламы.
В правом верхнем углу экрана нажмите на значок инструментов и настроек . В раскрывающемся меню выберите "Отслеживание".
Выберите "Конверсии".

Учитывайте следующее:

В Google Рекламе можно менять названия и дополнительные настройки действий-конверсий.
Цели-конверсии по умолчанию на уровне аккаунта включены только для конверсий типа "Покупки". Вы можете выбрать, какие действия-конверсии следует включить в столбец "Конверсии".
Задан период учета конверсий продолжительностью 90 дней.

Подробнее о том, как анализировать данные отслеживания конверсий…

3. Проверьте настройки отслеживания конверсий и устраните проблемы

Расширение Tag Assistant позволяет проверять теги, добавленные в Google Рекламу через Менеджер тегов, и устранять проблемы. Чтобы проверить настройки отслеживания конверсий, выполните указанные ниже действия. С помощью Tag Assistant можно устранять проблемы только с конверсиями со статусом "Не проверено" или "Тег неактивен". Подробнее о статусах отслеживания…

Войдите в аккаунт Google Рекламы.
В правом верхнем углу экрана нажмите на значок инструментов и настроек . В разделе "Отслеживание" выберите "Конверсии".
В таблице "Сводка" найдите в столбце "Статус" значения "Не проверено" или "Тег неактивен".
В столбце "Действия" нажмите Устранение неполадок.
Нажмите Начать. В новом окне откроется Tag Assistant.
Введите URL веб-страницы, на которой нужно устранить неполадки.
- Мы рекомендуем указать главную или целевую страницу, а когда она откроется, перейти на страницу конверсии.
Нажмите Подключить, чтобы открыть веб-страницу в новой вкладке браузера.
- Страница со сводной таблицей конверсий и окно Tag Assistant останутся открытыми и будут нужны в дальнейшем. Не закрывайте их. Если вы отслеживаете отправки форм как конверсии, протестируйте это действие на подключенном сайте Tag Assistant. Перейдите в окно предварительного просмотра и проверьте, сработал ли тег как нужно.
Обновите страницу конверсий в аккаунте Google Рекламы. Меньше чем через минуту статус отслеживания будет изменен на "В последнее время конверсий не было".
Вернитесь на страницу, где вы тестировали действие-конверсию и нажмите Закончить.

Когда вы проверите реализацию тегов с помощью Google Tag Assistant и успешно запустите кампанию, подождите не менее 24 часов, прежде чем снова заходить в раздел "Действие-конверсия" в Google Рекламе.

Что означают статусы отслеживания

С помощью Tag Assistant можно устранять проблемы только с конверсиями со статусом "Не проверено" или "Тег неактивен", но в Google Рекламе существуют и другие статусы. Подробнее о том, как устранять неполадки со статусом отслеживания конверсий…

Если у вас есть тег, начинающийся на "G-"

Самый простой и быстрый способ настроить отслеживание в Google Аналитике – использовать приложение Google & YouTube. Обратите внимание, что такая интеграция представляет собой встроенную функцию Shopify. Чтобы настроить отслеживание в Google Аналитику с помощью Shopify, выполните следующие действия:

Войдите в аккаунт Shopify.
В меню на панели слева откройте раскрывающееся меню Online store (Интернет-магазин), затем выберите из списка Preferences (Настройки).
Перейдите в раздел Google Analytics account (Аккаунт Google Аналитики). Нажмите Manage pixel here (Управление пикселями).
1. Если приложение Shopify не установлено, посмотрите список необходимых разрешений, затем внизу страницы нажмите Add sales channel (Добавить канал продаж), чтобы продолжить.
2. Если приложение не подключено к Google, нажмите Connect (Подключить), затем выберите аккаунт Google, которому принадлежит ваш ресурс Аналитики.
В раскрывающемся списке выберите идентификатор тега Google и нажмите Connect your Google Analytics 4 property (Подключить свой ресурс Google Аналитики 4).

Примечание. Если вы планируете отслеживать в Google Аналитике конверсии из объявлений и бесплатные предложения товаров, узнайте, как избежать повторного зачисления конверсий.

Как добавить тег Google вручную

Если вы не хотите использовать приложение Google & YouTube в Shopify, то можете настроить отслеживание в Google Аналитике вручную. Рекомендуем использовать этот способ только опытным пользователям, поскольку из-за его сложности повышается вероятность ошибок, что может привести к неточному отслеживанию данных.

Чтобы настроить отслеживание в Google Аналитике вручную, выполните следующие действия:

Войдите в аккаунт Google Аналитики и перейдите на страницу "Администратор".
Откройте раздел "Потоки данных" и выберите нужный поток.
Появится страница, на которой будут указаны настройки Google Аналитики и тега Google.
Внизу страницы в разделе "Ваш тег Google" нажмите Инструкции по установке.
На странице "Инструкции по установке" выберите "Установить вручную".
В Shopify на панели слева выберите Online Store > Themes (Интернет-магазин > Темы), а нажмите кнопку с тремя точками для активной темы и откройте раскрывающийся список Edit Code (Изменить код).
В разделе Layout (Макет) выберите {/}theme.liquid.
Убедитесь, что в файле theme.liquid нет тегов отслеживания Google. Если на этой странице есть код, похожий на приведенный ниже блок, вероятно, продукты Google уже установлены. Убедитесь, что их нужно заменить.
Чтобы связать сайт с Google Рекламой, скопируйте и вставьте следующий код тега Google. После элемента <head> вставьте приведенный ниже код, начиная с  и заканчивая </script>. Чтобы завершить настройку, нажмите Сохранить.

<script async src="https://www.googletagmanager.com/gtag/js?id=Tag_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'Tag_ID');
</script>

Эта информация оказалась полезной?

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