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

Броят на посетителите на вашия сайт
От коя държава са
Колко страници са посетили на сесия
Най-популярните страници на вашия сайт
Колко посетители на сайта отскочиха (напуснали, без да извършат никакво действие)

Проследяването на основни показатели като показвания на страници, продължителност на сесиите и степен на отпадане с GA изисква поставянето на проследяващ код^{(GA Tracking Code)} на GA или кодов фрагмент на GA JavaScript на всяка уеб страница. ^{(GA JavaScript)}Това е идеално за следене на обща информация.

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

Google Tag Manager ( GTM ) е безплатен инструмент за управление на маркери, който улеснява проследяването на всички ваши маркери.

Какво е Google Tag Manager?^{(What Is Google Tag Manager?)}

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

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

Примери за маркери, които собствениците на уебсайтове може да искат да проследят са:

Google Ads
Събития
Facebook пикселен код
Ремаркетинг
Персонализиран HTML/JavaScript код

Собствениците на уебсайтове трябва да решат кое поведение ще им осигури прозрения, необходими за вземане на по-добри стратегически маркетингови решения. След това използвайте 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 ID)} на кликване . Използвайте тази информация, за да настроите щракването върху бутона. Върнете се към своя мениджър на маркери на Google^{(Google Tag Manager)} . Придвижете^(Navigate) се до Щракване върху бутона^{(Button Click)} .

За целите на тази статия, нека настроим бутон за Вземете вашия безплатен отчет^{(Grab your free report)} , така че преименувайте бутона на Грабнете вашия безплатен отчет CTA^{( 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 и изберете маркера, който току-що създадохте. Уверете се, че сте го кръстили с разпознаваемо име.
Променете типа на маркера от Персонализиран HTML^{(Custom HTML)} на Google Анализ: Google Анализ^(Analytics) : Universal Analytics .

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

Вашето ново задействане и новият маркер вече са активни на уебсайта ви, за да проследяват всеки път, когато посетител на сайта щракне върху бутона.

Няма ограничение за броя на действията, които можете да проследявате с помощта на Google Tag Manager . Колкото повече данни събирате и измервате, толкова по-добре ще можете да настроите своите маркетингови и рекламни кампании, за да увеличите реализациите и продажбите.

How To Use Google Tag Manager To Analyze Your Website Traffic

No matter whаt type of websitе you haνe, knowing how your visitors interact with your site is essentіal. 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

Аз съм опитен софтуерен инженер, с над 10 години опит в разработването и поддържането на Microsoft Office приложения. Имам силна страст да помагам на другите да постигнат целите си, както чрез работата ми като софтуерен инженер, така и чрез моите умения за публично говорене и работа в мрежа. Освен това съм изключително запознат с драйверите за хардуер и клавиатура, като сам разработих и тествах много от тях.

Как да използвате Google Tag Manager, за да анализирате трафика на вашия уебсайт

Какво е Google Tag Manager?^{(What Is Google Tag Manager?)}

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

Проследяване на кликвания върху бутони^{(Tracking Button Clicks)}