Независимо от того, какой у вас веб-сайт, важно знать, как ваши посетители взаимодействуют с вашим сайтом. Google Analytics (GA) традиционно был инструментом, используемым веб-мастерами для получения информации о трафике веб-сайта. GA предоставляет пользователям статистику и отчеты о:

Количество посетителей вашего сайта
из какой они страны
Сколько страниц они посетили за сеанс
Самые популярные страницы вашего сайта
Сколько посетителей сайта ушло (покинуло сайт без каких-либо действий)

Отслеживание основных показателей, таких как просмотры страниц, продолжительность сеансов и показатель отказов, с помощью GA требует размещения кода отслеживания GA^{(GA Tracking Code)} или фрагмента кода JavaScript GA на каждой веб-странице. ^{(GA JavaScript)}Это идеально подходит для отслеживания общей информации.

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

Диспетчер тегов Google^{(Google Tag Manager)} ( GTM ) — это бесплатный инструмент управления тегами, который упрощает отслеживание всех ваших тегов.

Что такое Диспетчер тегов Google?^{(What Is Google Tag Manager?)}

Вместо того, чтобы заменять GA, GTM работает с GA (который сам по себе является тегом), чтобы помочь пользователям добавлять код отслеживания (теги), определять правила и развертывать фрагменты кода.

Данные, собранные GTM , отправляются и хранятся в GA и других инструментах, таких как Google Ads , PayPal и Facebook .

Примеры тегов, которые владельцы веб-сайтов могут захотеть отслеживать:

Google Реклама
События
Код пикселя Facebook
Ремаркетинг
Пользовательский код HTML/JavaScript

Владельцы веб-сайтов должны решить, какое поведение даст информацию, необходимую им для принятия более эффективных стратегических маркетинговых решений. Затем используйте Диспетчер тегов Google^{(Google Tag Manager)} для сбора данных и анализа результатов.

В этой статье мы расскажем, как начать использовать GTM для вашего веб-сайта.

Настройте свой веб-сайт^{(Set Up Your Website)}

Если у вас еще нет учетной записи Диспетчера тегов Google , создайте ^{(Google Tag Manager)}ее^{(set one up)} .

Добавьте имя своей учетной записи, страну, настройки контейнера (ваш домен) и целевую платформу (выберите Интернет). Затем нажмите «Создать»^(Create) .
После того, как вы согласитесь с условиями обслуживания Google, вы увидите свой идентификатор контейнера с двумя фрагментами кода.

Вам нужно добавить оба фрагмента на каждую страницу вашего сайта, чтобы завершить процесс установки. Убедитесь, что вы добавили их в нужное место. Один принадлежит <head> вашей страницы. Другой идет после открывающего <body> .
Если вам нужна дополнительная помощь по установке фрагментов кода, прочитайте краткое руководство^{( Quick Start Guide)} Google . Или, если вы используете WordPress , вы можете использовать несколько плагинов .^{( several plugins)}
Создав контейнер, вы можете начать добавлять теги и триггеры, чтобы получить представление о посетителях вашего сайта.

Ниже приведен^(Below) пример действия на веб-сайте, который поможет вам измерить ваши маркетинговые усилия.

Отслеживание кликов по кнопкам^{(Tracking Button Clicks)}

Нажатия кнопок^(Button) означают, сколько раз был нажат призыв к действию ( CTA ) на вашем веб-сайте. Многие сайты имеют несколько CTA^(CTAs) , например:

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

Настройте некоторые переменные^{(Set Up Some Variables)}

Нажмите « Переменные^(Variables) », а затем « Настроить^(Configure) » в меню навигации слева.
Прокрутите вниз и нажмите «Элемент», «Классы», «Идентификатор», «Цель», «URL^{(Element, Classes, ID, Target, URL )} -адрес» и «Текст^(Text) » .

Следующим шагом является включение триггера, который будет срабатывать при всех кликах. Нажмите^(Click) « Триггеры^(Triggers) » в меню навигации слева и нажмите « СОЗДАТЬ».^(NEW.)

Затем дайте вашему триггеру имя. Назовем это Кнопкой Щелчок^{(Button Click)} .
Чтобы выбрать тип триггера, щелкните внутри окна триггера, прокрутите вниз всплывающую страницу и нажмите « Все элементы^{(All Elements)} » .
Убедитесь, что вы установили этот триггер срабатывает^{(This trigger fires)} при всех кликах^{(All Clicks )} и нажмите Сохранить^{( Save)} .

Чтобы убедиться, что тег работает правильно, нажмите кнопку Preview . Появится оранжевая полоса, чтобы вы знали, что находитесь в режиме предварительного просмотра.

Откройте свой сайт в новой вкладке браузера и обновите страницу. Вы увидите итоговые элементы в режиме быстрого предварительного просмотра. Поскольку в этом примере мы устанавливаем триггер на срабатывание всякий раз, когда кто-либо щелкает в любом месте вашего сайта, он будет регистрироваться как клик GTM .
Если вы хотите идентифицировать конкретную кнопку на странице, выберите один из кликов на панели предварительного просмотра Диспетчера тегов Google . ^{(Google Tag Manager)}Затем щелкните Переменные^(Variables) .

Вы увидите классы кликов, элементы кликов и тексты кликов. Все различные клики и классы кликов отмечены. После того, как вы нашли переменные, выясните, что нужно отфильтровать для кнопки, которую вы хотите отслеживать.

Нажмите^(Click) на кнопку этого веб-сайта, и он выделит раздел сводки в предварительном просмотре GTM под вашим веб-сайтом.

Посмотрите на переменные, связанные с выбранной вами кнопкой, такие как классы Click, Click Element^{(Click Element)} и Click ID . Используйте эту информацию, чтобы настроить нажатие кнопки. Вернитесь в Диспетчер тегов Google^{(Google Tag Manager)} . Перейдите^(Navigate) к кнопке Click^{(Button Click)} .

Для целей этой статьи давайте настроим кнопку « Получить бесплатный отчет^{(Grab your free report)} » , поэтому переименуйте ее в « Получить бесплатный отчет с призывом к действию»^{( Grab your free report CTA)} .

Перейдите к Этот триггер срабатывает^{(This trigger fires on)} и выберите Несколько кликов^{(Some Clicks)} .

Здесь вы сможете отфильтровать переменные, которые вы нашли в режиме предварительного просмотра.

Вернитесь к предварительному просмотру своего веб-сайта и запишите переменные для кнопки, которую вы хотите отслеживать. Различные^(Different) части кнопки могут иметь разные классы в зависимости от того, где вы нажимаете.

Лучшее решение для этого — переключить отслеживание на Link Click , потому что классы одинаковы независимо от того, где вы щелкаете. Щелчок по ссылке — это гиперссылка, которая остается постоянной.

Чтобы изменить это внутри GTM , выберите Click — All Elements и измените его на Just Links .

Используйте класс, который вы записали в режиме предварительного просмотра, и добавьте его в пустое поле справа от Щелкните «Классы^{(Click Classes )} » и нажмите « Сохранить^{( Save)} » .

Создать тег^{(Create a Tag)}

Нажмите « Теги^(Tags) » в левой панели навигации и нажмите « Создать^(New) » .

Щелкните внутри поля « Конфигурация тега^{(Tag Configuration)} », чтобы открыть типы тегов. Прокрутите^(Scroll) вниз и выберите «Пользовательский HTML^{(Custom HTML)} » .
Вы можете использовать переменные в этом пользовательском разделе HTML^{(Custom HTML)} , введя их в этих квадратных скобках { }.
Когда вы начнете вводить скобки, вы увидите меню выбора быстрого поиска, в котором вы можете выбрать определенные вами существующие переменные.

Теперь вам нужно подключить это к триггеру, который вы только что создали. Щелкните^(Click) внутри поля « Триггер^(Triggering) », выберите триггер и нажмите « Сохранить^(Save) » .
Обновите страницу предварительного просмотра еще раз, чтобы проверить кнопку. Нажмите^(Click) на кнопку, чтобы увидеть, активирован ли тег. Если это не сработает, вернитесь и проверьте все настройки.
Когда они верны, вы увидите теги, активированные для этого события^{(Tags Fired on This Event)} . Теперь вы отслеживаете, когда нажимается ваша кнопка.

Сделайте тег событием^{(Make The Tag An Event)}

Вернитесь в GTM и выберите тег, который вы только что создали. Обязательно назовите его узнаваемым именем.
Измените тип тега с Custom HTML на Google Analytics: Google Analytics : Universal Analytics .

Выберите « Событие^(Event) » для типа отслеживания^{(Track Type)} , кнопку CTA^{(CTA Button)} для параметров отслеживания событий^{(Event Tracking Parameters)} , нажмите^(Click) « Действие»^(Action) и добавьте идентифицирующее имя для метки^(Label) .
Прокрутите^(Scroll) вниз до раздела «Настройки Google Analytics^{(Google Analytics Settings)} » , выберите {{Google Analytics}} и нажмите «Сохранить^(Save) » . Теперь вы отслеживаете свои клики внутри Google Analytics как событие.
Отправьте свое мероприятие, а затем опубликуйте^(Publish) его.
В разделе « Описание версии контейнера^{(Container Version Description)} » добавьте описательное имя для вашего события и нажмите « Продолжить^(Continue) » .

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

Количество действий, которые вы можете отслеживать с помощью Диспетчера тегов Google^{(Google Tag Manager)} , не ограничено . Чем больше данных вы соберете и измерите, тем лучше вы сможете настроить свои маркетинговые и рекламные кампании для увеличения конверсий и продаж.

How To Use Google Tag Manager To Analyze Your Website Traffic

No mattеr what type of website you have, knowing how уour visitors interact with yoυr site is eѕsential. Google Analytics (GA) has traditionally been the tool used by webmasters to gain insights into website traffic. GA gives users statistics and reports about:

The number of visitors to your site
What country they are from
How many pages they visited per session
The most popular pages on your site
How many site visitors bounced (left without performing any action)

Tracking essential metrics such as page views, session durations, and bounce rate with GA require the placement of GA Tracking Code or a GA JavaScript code snippet on every webpage. This is ideal for keeping track of general information.

However, for more specific metrics or multiple interactions, it becomes more challenging to keep track of every action. For example, it would take a lot of time for a website owner who wants to track several different forms and various features to get all the necessary tags set up and running.

Google Tag Manager (GTM) is a free tag management tool that makes tracking all your tags easier.

What Is Google Tag Manager?

Rather than replacing GA, GTM works with GA (which is a tag itself) to help users add tracking code (tags), define rules and deploy code snippets.

The data collected by GTM is sent to and stored in GA and other tools such as Google Ads, PayPal, and Facebook.

Examples of tags website owners might want to track are:

Google Ads
Events
Facebook pixel code
Remarketing
Custom HTML/JavaScript code

Website owners should decide which behaviors will provide insights they need to make better strategic marketing decisions. Then use Google Tag Manager to collect data and analyze the results.

In this article, we will outline how to get started using GTM for your website.

Set Up Your Website

If you don’t already have a Google Tag Manager account, set one up.

Add your account name, country, container setup (your domain), and your target platform (choose web). Then click Create.
After you agree to Google’s terms of service, you will see your container ID with two code snippets.

You need to add both the snippets to each page of your site to complete the setup process. Make sure you add them in the correct place. One belongs in the <head> of your page. The other goes after the opening <body> tag.
If you need additional help installing the snippets, read Google’s Quick Start Guide. Or, if you are using WordPress, there are several plugins you can use.
Once you create your container, you can start adding tags and triggers to gain insights into your site’s visitors.

Below is an example of a website action to help you measure your marketing efforts.

Tracking Button Clicks

Button clicks refer to how many times your website call-to-action (CTA) is clicked. Many sites have multiple CTAs, such as:

Download.
Add to cart.
Click to call.
Subscribe.
Sign up.
Get started.
Grab your free report.
Learn more.
Join.

Set Up Some Variables

Click on Variables and then Configure from the navigation on the left.
Scroll down and click Element, Classes, ID, Target, URL and Text.

The next step is to enable a trigger that will fire on all clicks. Click on Triggers from the navigation on the left and hit NEW.

Then give your trigger a name. Let’s call it Button Click.
To select a trigger type, click inside the trigger window, scroll down to the bottom of the pop-up page, and click on All Elements.
Make sure you set This trigger fires on All Clicks and click Save.

To make sure the tag is working correctly, click the Preview button. An orange bar will appear so that you will know you are in preview mode.

Open your website in a new browser tab and refresh the page. You will see summary items in the quick preview mode. Because in this example we set the trigger to fire whenever anyone clicks anywhere on your site, it will register as a GTM click.
If you want to identify a specific button on a page, select one of the clicks in the Google Tag Manager preview panel. Then click Variables.

You will see click classes, click elements, and click texts. All the different clicks and click classes are notated. Once you have located the variables, figure out what to filter out for the button you want to track.

Click on that website button, and it will highlight the summary section on the GTM preview below your website.

Look at the variables that are related to your selected button such as Click classes, Click Element, and Click ID. Use this information to set up your button click. Go back to your Google Tag Manager. Navigate to Button Click.

For the purpose of this article, let’s set up a button for Grab your free report, so rename the button to Grab your free report CTA.

Navigate to This trigger fires on and choose Some Clicks.

Here is where you will be able to filter by the variables you found when in preview mode.

Go back to your website preview and write down the variables for the button you want to track. Different parts of a button might have different classes depending upon where you click.

The best solution for this is to switch your tracking to Link Click because the classes are the same no matter where you click. A link click is a hyperlink that remains constant.

To change that inside of GTM, select Click – All Elements and change it to Just Links.

Use the class you wrote down from the preview mode and add it in the blank box to the right of Click Classes and click Save.

Create a Tag

Click on Tags from the left-side navigation and hit New.

Click inside the Tag Configuration box to open the tag types. Scroll down and select Custom HTML.
You can use variables inside this Custom HTML section by typing them inside these brackets { }.
When you start typing the brackets, you will see a quick search select menu where you can choose your defined existing variables.

Now you need to hook this up to the trigger you just created. Click inside the Triggering box, select the trigger and click Save.
Refresh your preview page again to test your button. Click on your button to see if the tag is fired. If it doesn’t work, go back and check all your settings.
When they are correct, you will see Tags Fired on This Event. You are now tracking when your button is clicked.

Make The Tag An Event

Go back to GTM and select the tag you just created. Make sure to name it with an identifiable name.
Change the Tag type from Custom HTML to Google Analytics: Google Analytics: Universal Analytics.

Select Event for Track Type, CTA Button for Event Tracking Parameters, Click for Action and add an identifying name for Label.
Scroll down to Google Analytics Settings, select {{Google Analytics}} and click Save. Now you are tracking your clicks inside of Google Analytics as an event.
Submit your event and then Publish it.
In the Container Version Description section add a descriptive name for your event and click Continue.

Your new trigger and new tag are now live on your website to track any time a site visitor clicks on the button.

There is no limit to the number of actions you can track using Google Tag Manager. The more data you collect and measure, the better you will be able to tweak your marketing and ad campaigns to increase conversions and sales.

Капитолина Разумовская

About the author

Телефон является одним из самых универсальных инструментов, которыми человек может владеть и пользоваться. Людям разрешено общаться с другими, выходить в Интернет и делать много других вещей. С помощью устройства iPhone или Android вы даже можете смотреть видео и загружать музыку. Телефон также отлично подходит для фотосъемки, просмотра веб-страниц, прослушивания музыки и многого другого.

Как использовать Диспетчер тегов Google для анализа трафика вашего сайта

Что такое Диспетчер тегов Google?^{(What Is Google Tag Manager?)}

Настройте свой веб-сайт^{(Set Up Your Website)}

Отслеживание кликов по кнопкам^{(Tracking Button Clicks)}