PRO IT

профессиональное мнение

  • IT
    • Android
    • IP телефония
    • Linux
    • Mac OS X
    • Железо
    • Интернет
    • Программирование
    • Софт
  • Бизнес
  • WOW!
  • Литература
    • Аудиокниги
    • Книги
    • Публикации
  • Музыка
  • Сервисы
    • Генератор паролей Онлайн
    • Код ответа сервера
    • Количество символов в тексте
  • О блоге
    • Написать автору
    • Как написать гостевой пост в блоге ablex.ru ?
    • Реклама в блоге
  • IT
    • Android
    • IP телефония
    • Linux
    • Mac OS X
    • Telegram
    • Железо
    • Интернет
    • Программирование
    • Софт
  • WOW!
  • Бизнес
  • Литература
    • Аудиокниги
    • Книги
    • Публикации
  • Музыка
  • Сервисы
    • Аналитика
      • Анализ сайтов
      • Скорость сайта
    • Дизайн
    • Продвижение
      • СЕО
        • СЕО анализ сайта
      • СММ
    • Разработка
  • События
  • Юмор
PRO IT Интернет Google Tag Manager — настройка и работа


Google Tag Manager — настройка и работа

Ablex · Фев 26, 2015 · 0 комментариев
Google Tag Manager - установка и настройка

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

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

Сначала необходимо пройти регистрацию в сервисе Tag Manager — она проходит довольно быстро, если у вас уже есть аккаунт Google.

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

В WordPress это можно сделать через панель управления, зайдя в меню «Внешний вид» -> «Редактор». Выберите страницу Header (header.php).  И вставьте код Google Tag Manager прямо под тегом:

<?php wp_head(); ?>

Вставка кода Google Tag Manager в тему WordPress

Если там же (или в настройках темы) вы размещали коды счетчиков их так же в последствии, после переноса на Таг Менеджер, нужно будет удалить — что бы не дублировать вызов.

После сохранения файла можем перейти к настройке Tag Manager.

Настройка Google Tag Manager — добавление кодов сервисов

Добавление счетчика Google Analytics

В первую очередь давайте добавим тег Google Analytics. Это делается достаточно просто, для добавления нужно знать только Идентификартор отслеживания, который обычно выглядит примерно так: «UA-5555555-5». Его можно найти в коде Google Analytics, который вы используете на сайте сейчас.

Нажимаем «Создать» -> «Тег». Вводим имя тега, например Google Analytics или Universal Analytics. В типе тега указываем Google Analytics -> далее зависит от того, какой скрипт используется у вас на сайте. Google Analytics — старая версия кода отслеживания, она использовала файл ga.js. Universal Analytics — новая версия, ее так же можно узнать, по JS библиотеке, которая используется в коде — это analytics.js.

Добавление кода Universal Analytics в Google Tag Manager

После выбора версии скрипта, скопируйте в специальное поле идентификатор отслеживания и сохраните тег. Так же в Таг Менеджер доступны несколько функций настройки счетчика, но я бы не рекомендовал их трогать не профессионалу.

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

Если для вас выбор версии скрипта и нахождение идентификатора отслеживания — достаточно сложная процедура, вы можете просто скопировать код GA размещенный у вас на сайте. Для этого, при выборе типа тега нужно указать «Пользовательский тег HTML». Тогда появится окно, в который вы просто сможете скопировать код, как описано в примере ниже.

Добавление счетчика Yandex Metrika

Что бы добавить счетчик метрики, или любой другой код, не предусмотренный в системе Google Tag Manager, необходимо, при создании тега выбрать пункт «Пользовательский тег HTML». После этого в открывшееся окно вставить текст кода счетчика и сохранить тег.

Добавление произвольного кода в Google Tag Manager

Таким же образом можно добавить счетчик LiveInternet и любые другие.

Так де в Google Tag Manager можно настроить отслеживание событий для Google Analytics. Подробнее об этом вы можете узнать из этой статьи.

 

Короткое видео об установке и использовании Google Tag Manager:
(видио не очень новое — текущий интерфейс незначительно изменен)

Поделиться "Google Tag Manager — настройка и работа"

  • Facebook
  • Twitter
  • Google+
  • LinkedIn
  • VKontakte
  • E-mail

Интересное по теме:

  • A/B тест: Как задача на 12 часов реализуется за 12 минут. Сервисы: Website Optimizer, Optimizely, VisualWebsiteOptimizer, ABtest.A/B тест: Как задача на 12 часов реализуется за 12 минут. Сервисы: Website Optimizer, Optimizely, VisualWebsiteOptimizer, ABtest.
  • Какой заголовок для блога выбрать? И как он влияет на % отказов. A/B тестКакой заголовок для блога выбрать? И как он влияет на % отказов. A/B тест
  • Анализ трафика CPA партнеров в Google Analytics. Борьба с фродомАнализ трафика CPA партнеров в Google Analytics. Борьба с фродом
  • Установка и настройка AWstats на Ubuntu (анализатор лог-файлов Web-сервера)Установка и настройка AWstats на Ubuntu (анализатор лог-файлов Web-сервера)
Подпишитесь на рассылку
Метки: google, Google Analytics

Ablex

Свежие записи

  • Удобный телеграм бот для поиска скидок и купонов @AllKuponBot
  • 6 главных трендов e-mail маркетинга в 2018 году
  • Magento 2.1: Добавление категорий и товаров по API
  • Анализ трафика CPA партнеров в Google Analytics. Борьба с фродом
  • WordPress WooCommerce: добавление категорий и товаров по API в каталог

Лучшие метки

Google AnalyticsAndroidаналитикаMac OSwordpressIP-телефонияbluetoothVPNSEOSIPRedmineAsteriskсервисIP-АТСUbuntuSamsung Galaxy S3Raspberry PiА/Б тестFreePBXgoogle

Авторы

  • Ablex (RSS) (200)
  • AD (RSS) (4)
  • TXT (RSS) (4)

Рекомендуем

  • Хостинг TimeWeb
  • IP телефония Zadarma
  • CPA сеть Admitad
Карта сайта
© 2010 - 2017 PRO IT. Все права защищены. Копирование материалов возможно только с установкой активной ссылки на ablex.ru
118 запрос 0,430 секунд. Этот блог летает на хостинге TimeWeb.
Разработка и поддержка RoiPoint
Top