Как добавить Google Tag Manager Server-Side Tagging в WordPress

Автор
Stape
Опубликовано
16 окт. 2020 г.
Также есть

Хотите установить Server-Side Google Tag Manager в WordPress? Если вы хотите интегрировать аналитическое программное обеспечение и маркетинговые приложения с вашим сайтом WordPress без потери данных (из-за AdBlockers или ITP), то Google Tag Manager Server-Side tagging - это то, что вам нужно. Он позволяет добавлять и запускать коды отслеживания через серверную среду.

В этой статье мы объясним, как добавить Google Tag Manager Server-Side Container в WordPress с помощью нашего плагина.

Что такое Google Tag Manager Server-Side Tagging для WordPress?Скопировать ссылку на этот раздел

Google Tag Manager Server-Side Tagging - это инструмент от Google, выпущенный в публичную бета-версию летом 2020 года. Он позволяет перенести пиксели 3-ей части из клиентских браузеров в серверную среду.

С тегами на стороне сервера (Server-Side tagging) вы забудете о неполных данных в Google Analytics или в любом другом программном обеспечении для аналитики сайта. А низкая скорость работы страницы из-за тяжелых java-скриптов на вашем WordPress-сайте больше не будет проблемой.

Поскольку продукт был выпущен всего несколько месяцев назад, Server Container от Google Tag Manager имеет только один собственный клиент - Universal Analytics. Все элементы Server GTM, такие как клиенты, теги, триггеры и переменные (variables), ориентированы исключительно на внедрение Google Analytics через контейнер на стороне сервера. Естественно, внедрение GA является одной из самых важных целей для всех владельцев сайтов. Но перенос других тегов, таких как Facebook, Bing или AdWords, может значительно снизить нагрузку на клиента и улучшить качество данных на вашем WordPress-сайте.

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

Каковы основные преимущества добавления контейнера Google Tag Manager на стороне сервера в WordPress?Скопировать ссылку на этот раздел

1. Обход Интеллектуального предотвращения слежения (Intelligent Tracking Prevention)

ITP (Intelligent Tracking Prevention) Safari и Firefox ограничивают время жизни cookie. Раньше куки могли жить до 2 лет, а теперь срок их жизни ограничен 7 днями или даже 24 часами. При внедрении Google Analytics на серверной среде можно увеличить время жизни cookie. И на данный момент это самый простой способ достичь цели. Если этого не сделать, пользователи, вернувшиеся на ваш сайт через 7 дней (или, в некоторых случаях, через 24 часа), будут считаться новыми пользователями. В результате, качество данных в Google Analytics снизится.

2. Повышение точности данных

Большинство владельцев сайтов WordPress наблюдают расхождения между количеством транзакций в Google Analytics и их CRM. Это происходит из-за блокировщиков рекламы и ошибок, возникающих в браузерах клиентов при использовании пикселей третьих сторон. Вы можете устранить эту проблему, переместив GA в серверный контейнер. Ваши сторонние куки (3-ей стороны) будут считаться сторонними только в том случае, если данные отправляются в пределах вашего домена. В этой статье объясняется преимущество изменения URL тегов GA на ваш пользовательский поддомен. Кроме того, вам не придется иметь дело с ошибками javascript сторонних разработчиков. А события будут отправляться через сервер.  

3. Улучшенная скорость загрузки страниц

Тяжелый javascript - одна из самых популярных причин снижения скорости страниц сайта. С помощью отслеживания на стороне сервера вы уберете пиксели сторонних производителей из браузера на облачные серверы. Недавно Google опубликовал исследование, показавшее, что каждое снижение скорости мобильного сайта на 0,1 секунды в среднем увеличивает стоимость заказа почти на 10%.

Если вы впечатлены тем, что может предложить Google Tag Manager на стороне сервера, то вы будете рады узнать, что добавить серверный контейнер GTM на ваш сайт WordPress не составит труда с помощью нашего плагина. Плагин бесплатен, но мы предлагаем несколько тарифных планов на наши услуги, подробности вы можете узнать здесь.

Как настроить серверный контейнер Google Tag Manager в WordPressСкопировать ссылку на этот раздел

1. Войдите в админку WordPress и перейдите к плагинам. Затем нажмите "Добавить новый", введите "GTM Server-Side", выберите этот плагин и нажмите Установить сейчас. После установки нажмите Активировать.   

wordpress plugin

2. Создайте серверный контейнер Google Tag Manager, если у вас его нет. Перейдите на страницу https://tagmanager.google.com/ и выберите аккаунт, в котором вы хотите создать контейнер. Затем нажмите кнопку Админ.

gtm admin

3. Под столбцом контейнера нажмите +.

gtm admin

4. Введите имя контейнера, выберите Server и нажмите кнопку create. 

create server container 

5. Во всплывающем окне установки выберите "Manually provision tagging server", скопируйте конфигурацию контейнера и вставьте ее в любой текстовый редактор. Он понадобится нам для следующих шагов.

Manually provision tagging server

6. Создайте учетную запись в нашем сервисе здесь.

7. После того как вы получили подтверждение по электронной почте и установили пароль, необходимо создать контейнер. Введите имя контейнера и вставьте конфигурацию контейнера, которую вы скопировали из серверного контейнера Google Tag Manager. Затем нажмите кнопку Создать контейнер.

container config

8. После нажатия кнопки create вы увидите статус контейнера, конфигурацию контейнера и имя плана. Для развертывания серверного контейнера требуется около 5 минут. Пожалуйста, перезагрузите страницу, чтобы обновить статус. Если настройка была выполнена правильно, вы должны увидеть статус "Running".

status running

Если вы видите сообщение "Ошибка", проверьте, скопировали ли вы и вставили правильную конфигурацию контейнера.

Если ошибка повторяется, обратитесь в службу поддержки.

9. Настройте tagging URL. Внутри Google Tag Manager нажмите кнопку admin, выберите настройки контейнера и вставьте URL-адрес домена, который вы видите внутри stape.io/container/

container settings
tagging server url

10. Откройте плагин GTM Server-Side, который вы установили в первом шаге, и вставьте tagging URL в настройки плагина.

gtm for wordpress

11. У вас есть два варианта добавления серверного контейнера GTM: вместе с веб-контейнером GTM или запустить только серверный контейнер GTM. Мы рекомендуем выбрать второй вариант, "Добавить веб-контейнер Google Tag Manager на все страницы. Если у вас есть другие плагины GTM, отключите их".

12. Если вы выбрали второй вариант, вставьте идентификатор вашего веб-контейнера. Вы можете найти его, войдя в свой веб-контейнер GTM; вы увидите ID в правом верхнем углу. Вставьте его в поле Google Tag Manager ID. Как только это будет сделано, не забудьте отключить другие плагины для установки GTM. 

gtm for wordpress

13. Обновите транспортный URL Google Analytics в веб-контейнере GTM. Внутри веб-контейнера Google Tag Manager перейдите в раздел Переменные (Variables) -> Выберите переменную Google Analytics -> Дополнительные настройки -> Расширенная конфигурация -> Вставьте транспортный URL.

universal analytics in wordpress

Вот и все! Теперь серверный контейнер GTM установлен на вашем сайте WordPress, а GA работает через серверное окружение. Если вы хотите узнать больше о запуске GA через пользовательский поддомен для обхода адблокеров и ITP, ознакомьтесь с этой статьей.

Как загрузить Google Analytics с пользовательского поддомена в WordPress?Скопировать ссылку на этот раздел

Я настоятельно рекомендую использовать пользовательский поддомен для tagging server, поскольку это поможет вам повысить точность данных. 

1. Войдите в учетную запись GTM server и нажмите Добавить пользовательский домен.

use a custom domain

2. Войдите в службу доменных имен и создайте новую запись DNS для поддомена, который вы хотите использовать.

Если вы используете учетную запись Cloudflare. Выберите домен, нажмите DNS -> Добавить запись

Добавьте эти настройки:

Тип: A

Имя: ss (или любое другое имя поддомена, которое вы хотите)

IPv4 адрес: IP-адрес зависит от расположения серверов. Вы можете найти IP-адрес пользовательского домена в вашей учетной записи stape.io. У нас есть такие расположения серверов:

Центр США (Лоуа) => 35.193.123.107

Восток США (Южная Каролина) => 34.139.101.37

Запад США (Орегон) => 104.198.8.50E

U West (Бельгия) => 35.195.159.201

AP East (Сингапур) => 34.126.138.154

SA East (Сан-Паулу) => 35.198.36.195

TTL: Авто

Статус прокси: отключен

Ваши настройки должны выглядеть следующим образом:

configuration

После этого нажмите кнопку Сохранить. 

3. Перейдите в свою учетную запись app.stape.io и добавьте пользовательский домен. Он должен состоять из имени, которое вы добавили в Cloudflare, и вашего домена. Нажмите кнопку Сохранить. После добавления домена он пройдет процесс проверки. Это может занять до 72 часов. Как только домен будет проверен, его статус изменится на "Verified".

add custom domain

4. Как только ваш поддомен GTM будет добавлен и проверен, вы должны увидеть статус Running.

status running

5. Перейдите в ваш Server GTM container -> Admin -> Container Settings -> Измените agging server URL на ваш поддомен. 

container settings

6. Обновите tagging URL в Google Analytics Tags или Google Analytics Variable в вашем веб-контейнере GTM. Откройте тег Google Analytics -> Дополнительные настройки -> Расширенная конфигурация -> Вставьте ваш поддомен GTM в транспортный URL. 

universal analytics configuration

7. Откройте свой плагин GTM Server-Side в WordPress и измените URL GTM Server-Side. 

gtm for wordpress

Вот и все. Google Analytics на вашем сайте WordPress работает с пользовательского поддомена и устойчив к Ad Blocker и ITP. 

Хотите добавить GTM Server-Side Tagging в WordPress?

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

Получить помощь

Хостите свой сервер GTM на Staperight now!