Ответ
Как установить Google Tag Manager на WordPress Опции темы
Старый 28.08.2014, 17:05
  #1
luxurious
 
Регистрация: 11.08.2014
Сообщений: 20

Как установить Google Tag Manager на WordPress
Один из самых важных аспектов на любом сайте – это настройка инструмента веб-аналитики для отслеживания того, что происходит на сайте. И, хотя сейчас доступно много аналитических платформ, в этой статье я буду говорить о Google Analytics.

Данное руководство в первую очередь предназначено для тех, кто ищет простой способ установки Google Analytics через Google Tag Manager.

Для выполнения этой работы вам потребуется:

• Google аккаунт (бесплатно)
• Установка WordPress на резидентном сайте (то есть, не на wordpress.com)
• Чашка кофе

Настройка аккаунта в Google Analytics

Первое, что необходимо сделать – создать и настроить новый аккаунт в Google Analytics для вашего сайта (если аккаунта еще нет). Это делается буквально за пару минут, но мы вернемся к этому вопросу чуть позже. Итак, направляемся на сайт Google Analytics и заходим под своим логином (или создаем бесплатный аккаунт Google).





После входа под логином, щелкаем на область Admin в верхнем меню, затем открываем Account Menu и кликаем «Create new account» (создать новый аккаунт). Таким образом, вы указываете Google Analytics, что вы хотите создать совершенно новый аккаунт для нового сайта.





Все дальнейшие шаги просты и очевидны. Здесь есть 5 полей для заполнения. Убедитесь, что вы заполняете их исходя из своих потребностей. Для небольшого сайта – это самое то.

Ниже вы увидите необязательные клетки для галочки, указывающие, чем вы хотите поделиться с Google. Будет абсолютно безопасно, если вы поставите галочки во все четыре клетки. Но можете спокойно оставлять какие-то клетки без заполнения. Это личные предпочтения.

Кликните Get Tracking ID (получить ID отслеживания) внизу и примите пользовательское соглашение Google Analytics.





Ура! Вы получили уникальный отслеживающий ID Google Analytics. А теперь давайте приступим к сбору ценных данных.

Внимание: данные выше предназначены для Universal Analytics, это вариант, который подойдет, если вы устанавливаете все с нуля. Но вы легко можете адаптировать оставшуюся часть руководства под традиционный код ga.js, если вы пользуетесь им.

Google Tag Manager

До появления Google Tag Manager, веб-мастерам приходилось внедрять коды отслеживания на каждую страницу через CMS и все время проверять, что этот код установлен на нужной странице и в нужное время.

Но с Google Tag Manager все изменилось. Теперь у нас есть новый интерфейс, где мы, по сути, просто устанавливаем пустой скрипт (контейнер) на всех страницах сайта, а затем управляем всеми скриптами асинхронно через GTM.

Это поразительно.

Для этого вы заходите в Google Tag Manager через ваш Google аккаунт и ждете, когда будут собраны данные.





Начните создавать новый аккаунт (New Account), кликнув на эту кнопку. Аккаунт в Google Tag Manager – это место, где вы можете хранить все, что имеет отношение к вашей компании, даже если сайтов много. Если у вас лишь несколько персональных сайтов (веб-страниц), то вы можете дать практически любое название. Например, My Sites или что-то подобное.





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

Что касается клетки Share data anonymously with Google (делиться анонимно с Google), то опять это ваши личные предпочтения. Можете ставить галку или нет. Я полагаю, что если вы не работаете с крупной международной корпорацией, которая требует, чтобы вы владели только собственными данными (и в этом случае Google Analytics будет недостаточно), то действуйте по интуиции. Лично я, выбрал эту опцию. Но вы на самом деле можете поступать так, как хотите.





Следующий шаг – где мы будем размещать фактическую информацию.

Что касается имени контейнера (Container Name), проверьте, что это имя будет совпадать с именем сайта, на котором вы будете его использовать. Так вам будет проще найти, что вы ищите, когда у вас будет несколько аккаунтов и, соответственно, контейнеров.

Далее выберете, что вы хотите использовать Web Pages (веб-страницы), тогда выпадут оставшиеся поля. Если вы не знаете, что именно вы делаете и используете сайт, который работает и с обычным http трафиком, и TLS шифрованным https трафиком, то вам нужно использовать разные контейнеры. Поэтому оставляйте выбор // under Domains по умолчанию. Таким образом, ваш новый контейнер будет работать сразу на двух версиях.

Затем просто вставляйте домен (с www. или без, в зависимости от того, что вы используете) в поле рядом с //.

Теперь выбираем для себя правильную временную зону (Time Zone) и продолжаем, кликнув на Create Account and Container (создать аккаунт и контейнер) и приняв условия пользовательского соглашения GTM.





На следующей странице вам представят уникальный GTM ID для вашего контейнера, а также код, необходимый для внедрения контейнера на ваш сайт. Но мы пока к этому не подошли … поэтому сохраните этот код еще на несколько минут.

Примечание: Ваш GTM ID будет отличаться от моего. Проверьте, что вы используете свой собственный ID, иначе дальше вы не увидите никаких данных.

Привяжите контейнер в Google Tag Manager с собственностью Google Analytics


На данном этапе у нас есть один контейнер в GTM и собственность в Google Analytics. Теперь пришло время привязать эти два инструмента. Это просто.





Ваш контейнер будет относительно пустым, пока вы не начнете его заполнять данными. Кликните New > Tag.





Дайте тэгу описательное название, например, Google Analytics. Далее ниже выбираем Tag Type и в выплывающем меню выбираем Analytics > Universal Analytics.





Следующий шаг: снова возвращаемся в Google Analytics и к той собственности, которую мы создали ранее. Просто скопируйте UA-XXXXXXX-X и вставьте это в поле Tracking ID в GTM.

Напомню еще раз, вставляйте свой собственный ID, а не тот, который я указал в примере. Иначе вы не увидите свои данные. Оставьте поле Track Type по умолчанию. В верхнем правом разделе страницы вы увидите Firing Rules. Здесь мы будем решать, какие страницы будет запускать этот тэг.





Просто кликните на кнопку справа +Add (добавить) и в всплывающем окне отметьте галочкой единственное заранее установленное правило; All pages (все страницы).

Готово. Вы только что указали GTM запускать этот тэг на каждой странице, где есть контейнер Google Tag Manager. А он будет на всех страницах вашего сайта. Что и приводит нас к …

Установке Google Tag Manager на WordPress

Есть два способа и оба относительно простые. Мы либо вставляем плагин WordPress или добавляем код в шаблон. В чем плюсы и минусы этих способов?

Установка Google Tag Manager через плагин WordPress

• +Простота установки
• + Не меняется при смене темы
• + Дополнительная пользовательская функциональность от разработчика плагина
• - Зависимость от третьей стороны.

Какой бы плагин я порекомендовал для работы с Google Tag Manager?

Я бы выбрал версию DuracellTomi.





Все, что вам нужно сделать – установить плагин из раздела администратора вашего WordPress сайта и затем вставить ваш уникальный GTM ID, который вы только что создали. Если плагин не подсвечивает, куда именно вам нужно идти, то это то, что вы ищите:

http://yourdomain.com/wp-admin/optio...tm4wp-settings

Далее будет немного сложнее. Google рекомендует вставить GTM контейнер сразу после открытия тэга <body> в шаблоне темы WordPress. Дело в том, что плагин не сможет с этим справиться, если вы не сделаете некоторые модификации.





Я бы крайне рекомендовал выбрать Custom и сделать все необходимые изменения в шаблоне. Это на самом деле не так и трудно.

Выберите Custom в опциях, скопируйте код внизу и перейдите к Appearance > Editor.

<?php if ( function_exists( 'gtm4wp_the_gtm_tag' ) ) { gtm4wp_the_gtm_tag(); } ?>





Не паникуйте!

Где-то с правой стороны под Templates вы должны найти файл с названием header.php – именно он нам и нужен. Есть вероятность, что такого файла не окажется в вашем шаблоне. В этом случае попытайтесь найти файл main.php или даже index.php.





Внутри header.php найдите строку, которая начинается с <body, так как она располагается сразу же после той строки, куда нам нужно вставить код.

ПРИМЕЧАНИЕ: ваш код будет отличаться от моего, только если вы не используете ту же тему и тот же шаблон, что и я. Очень важно вставлять пользовательский код только после открытия <body tag.

Просто сохраните это, и вот как по волшебству вы вставили GTM контейнер на сайт WordPress при помощи плагина.

Установка Google Tag Manager без плагина

Если вы читали о том, как устанавливать GTM с плагином WordPress, то вы уже знаете, что делать. Давайте рассмотрим плюсы и минусы.

• + Полный контроль над установкой
• + Нет зависимости от плагина или кода третьей стороны
• - Необходимо заново вставлять код при смене или обновлении файлов шаблона.

Единственное, что будет отличаться – это то, какой код вам понадобится вставить сразу же после открытия <body tag в файле header. Php.

Если мы вернемся к этапу создания собственности в Google Analytics, то мы вспомним, что у нас было несколько строк кода. Пора этим воспользоваться.





Не устану повторять, что ваш код будет другим. Просто убедитесь, что вы вставляете код GTM контейнера сразу после открытия <body tag.

Публикация GTM контейнера

Последний шаг для сбора данных – это публикация GTM контейнера, который мы настроили при помощи данной статьи. Одно из преимуществ Google Tag Manager – это возможность сохранять каждое обновление в отдельных версиях. Таким образом, вы всегда можете вернуться назад, если что-то вдруг перестанет работать.

Итак, публикуем контейнер!





Так как это первая созданная вами версия, то вам нужно всего лишь нажать на кнопку Publish в верхнем правом углу. Перед вами будет поставлен вопрос, сохранять ли сначала версию. Просто ответьте «да».





Вот и все, вы выжили!

Мои поздравления. Вы успешно установили Google Tag Manager и Universal Analytics на свой WordPress сайт.
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием

Ответ
 
 

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Google Tag Manager - один код управляет всем Cookie Сервисы 0 23.07.2014 13:00
Как установить слайдер на joomla Domkrat Статьи 0 21.07.2013 22:56
Как установить virtuemart Domkrat Статьи 2 15.07.2013 21:19
301 редирект, зачем он нужен и как его установить 0pium Статьи 0 03.12.2012 22:27

Метки
google analytics, google tag manager, wordpress, код


Здесь присутствуют: 1 (пользователей: 0, гостей: 1)
 
Опции темы

Быстрый переход


Текущее время: 04:36. Часовой пояс GMT +3.