Без обзира који тип веб сајта имате, познавање начина на који посетиоци комуницирају са вашом веб локацијом је од суштинског значаја. Гоогле аналитика (ГА)^{(Google Analytics (GA))} је традиционално била алатка коју вебмастери користе за стицање увида у саобраћај на веб локацији. ГА даје корисницима статистику и извештаје о:

Број посетилаца вашег сајта
Из које су земље
Колико страница су посетили по сесији
Најпопуларније странице на вашем сајту
Колико је посетилаца сајта одскочило (отишло без извршења било какве радње)

Праћење основних показатеља као што су прикази страница, трајање сесије и стопа посете само једне странице са ГА захтевају постављање кода за праћење Гоогле аналитике^{(GA Tracking Code)} или фрагмента ЈаваСцрипт^{(GA JavaScript)} кода Гоогле аналитике на свакој веб страници. Ово је идеално за праћење општих информација.

Међутим, за конкретније метрике или више интеракција, постаје изазовније пратити сваку радњу. На пример, власнику веб локације који жели да прати неколико различитих образаца и различитих функција било би потребно доста времена да би све потребне ознаке поставиле и покренуле.

Гоогле менаџер ознака^{(Google Tag Manager)} ( ГТМ^(GTM) ) је бесплатна алатка за управљање ознакама која олакшава праћење свих ваших ознака.

Шта је Гоогле менаџер ознака?^{(What Is Google Tag Manager?)}

Уместо да замени ГА, ГТМ^(GTM) ради са ГА (која је сама ознака) како би помогао корисницима да додају код за праћење (ознаке), дефинишу правила и примењују исечке кода.

Подаци које прикупља ГТМ^(GTM) шаљу се и чувају у ГА и другим алатима као што су Гоогле Адс^{(Google Ads)} , ПаиПал^(PayPal) и Фацебоок^(Facebook) .

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

Гоогле Адс
Догађаји
Фацебоок пиксел код
Ремаркетинг
Прилагођени ХТМЛ/ЈаваСцрипт код

Власници веб локација треба да одлуче која понашања ће им пружити увиде потребне за доношење бољих стратешких маркетиншких одлука. Затим користите Гоогле менаџер ознака^{(Google Tag Manager)} за прикупљање података и анализу резултата.

У овом чланку ћемо описати како да почнете да користите ГТМ^(GTM) за своју веб локацију.

Подесите своју веб локацију^{(Set Up Your Website)}

Ако већ немате налог Гоогле менаџера ознака^{(Google Tag Manager)} , подесите га^{(set one up)} .

Додајте назив свог налога, земљу, подешавање контејнера (ваш домен) и циљну платформу (изаберите веб). Затим кликните на Креирај^(Create) .
Када прихватите Гоогле-ове услове коришћења услуге, видећете свој ИД контејнера са два исечка кода.

Морате да додате оба исечка на сваку страницу вашег сајта да бисте довршили процес подешавања. Уверите се да сте их додали на право место. Један припада <head> ваше странице. Други иде после уводне ознаке <body>
Ако вам је потребна додатна помоћ при инсталирању исечака, прочитајте Гоогле-ов водич за брзи почетак^{( Quick Start Guide)} . Или, ако користите ВордПресс^(WordPress) , постоји неколико додатака^{( several plugins)} које можете да користите.
Када направите свој контејнер, можете да почнете да додајете ознаке и покретаче да бисте стекли увид у посетиоце вашег сајта.

Испод^(Below) је пример радње на веб локацији која ће вам помоћи да измерите своје маркетиншке напоре.

Праћење кликова на дугме^{(Tracking Button Clicks)}

Кликови на дугме^(Button) односе се на то колико пута је кликнут позив на акцију ( ЦТА^(CTA) ) на вашем веб сајту. Многи сајтови имају више позива на акцију^(CTAs) , као што су:

Преузимање.
Додај у колица.
Кликни за позив.
Претплатити се.
Пријави се.
Почети.
Узмите свој бесплатни извештај.
Сазнајте више.
Придружити.

Подесите неке варијабле^{(Set Up Some Variables)}

Кликните на Променљиве^(Variables) , а затим на Конфигуриши^(Configure) у навигацији са леве стране.
Померите се надоле и кликните на Елемент, Класе, ИД, Циљ, УРЛ^{(Element, Classes, ID, Target, URL )} и Текст^(Text) .

Следећи корак је да омогућите окидач који ће се активирати на све кликове. Кликните^(Click) на Триггерс^(Triggers) у навигацији са леве стране и притисните НОВО.^(NEW.)

Затим дајте назив окидачу. Назовимо то дугме Клик^{(Button Click)} .
Да бисте изабрали тип окидача, кликните унутар прозора окидача, померите се до дна искачуће странице и кликните на Сви елементи^{(All Elements)} .
Уверите се да сте подесили Овај окидач^{(This trigger fires)} да се активира на свим^{(All Clicks )} кликовима и кликните на Сачувај^{( Save)} .

Да бисте били сигурни да ознака ради исправно, кликните на дугме Преглед^(Preview) . Наранџаста трака ће се појавити тако да ћете знати да сте у режиму прегледа.

Отворите своју веб локацију у новој картици прегледача и освежите страницу. Видећете ставке резимеа у режиму брзог прегледа. Пошто смо у овом примеру поставили окидач да се активира кад год било ко кликне било где на вашој веб локацији, он ће се регистровати као ГТМ^(GTM) клик.
Ако желите да идентификујете одређено дугме на страници, изаберите један од кликова на табли за преглед Гоогле менаџера ознака . ^{(Google Tag Manager)}Затим кликните на Променљиве^(Variables) .

Видећете класе кликова, елементе кликова и текстове кликова. Сви различити кликови и класе кликова су забележени. Када пронађете променљиве, схватите шта да филтрирате за дугме које желите да пратите.

Кликните^(Click) на дугме тог веб сајта и оно ће истаћи одељак са резимеом у прегледу ГТМ^(GTM) испод ваше веб локације.

Погледајте променљиве које су повезане са вашим изабраним дугметом, као што су Класе клика, Елемент ^(Click)клика^{(Click Element)} и ИД клика^{(Click ID)} . Користите ове информације да бисте подесили клик на дугме. Вратите се на свој Гоогле менаџер ознака^{(Google Tag Manager)} . Идите^(Navigate) на дугме Клик^{(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) се надоле и изаберите Прилагођени ХТМЛ^{(Custom HTML)} .
Можете да користите променљиве унутар овог прилагођеног ХТМЛ^{(Custom HTML)} одељка тако што ћете их унети у ове заграде { }.
Када почнете да куцате заграде, видећете мени за брзу претрагу где можете да изаберете дефинисане постојеће променљиве.

Сада морате да повежете ово са окидачем који сте управо креирали. Кликните^(Click) унутар оквира Триггеринг^(Triggering) , изаберите окидач и кликните на Сачувај^(Save) .
Поново освежите страницу за преглед да бисте тестирали дугме. Кликните^(Click) на своје дугме да бисте видели да ли је ознака покренута. Ако не ради, вратите се и проверите сва подешавања.
Када су тачне, видећете Ознаке покренуте на овом догађају^{(Tags Fired on This Event)} . Сада пратите када се кликне на дугме.

Учините ознаку догађајем^{(Make The Tag An Event)}

Вратите се на ГТМ^(GTM) и изаберите ознаку коју сте управо креирали. Обавезно га назовите именом које се може идентификовати.
Промените тип ознаке са прилагођеног ХТМЛ^{(Custom HTML)} -а на Гоогле аналитику: Гоогле ^(Google) аналитика^(Analytics) : Универзална аналитика^{(Universal Analytics)} .

Изаберите Догађај^(Event) за Тип траке^{(Track Type)} , ЦТА дугме^{(CTA Button)} за параметре праћења догађаја^{(Event Tracking Parameters)} , кликните^(Click) за акцију^(Action) и додајте идентификационо име за ознаку^(Label) .
Померите^(Scroll) се надоле до подешавања Гоогле аналитике^{(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 what type of website you have, knowing how your visitors interact with your site is essential. 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.

Lincoln Morris

About the author

Ја сам софтверски инжењер са преко 10 година искуства у изградњи и одржавању Аппле Мац рачунара, иОС уређаја и Гоогле Цхроме претраживача. моје искуство укључује развој, одржавање и рад софтверских производа од нуле или допринос пројектима отвореног кода. Такође сам имао прилику да радим на великом броју хардверских пројеката – од поправљања покварених екрана у болницама до дизајнирања и имплементације нових функција за иПхоне. У слободно време уживам да играм омиљене видео игрице, читам књиге, кувам вечеру са породицом или проводим време са пријатељима.

Како да користите Гоогле Таг Манагер да анализирате саобраћај на вашој веб локацији

Шта је Гоогле менаџер ознака?^{(What Is Google Tag Manager?)}

Подесите своју веб локацију^{(Set Up Your Website)}

Праћење кликова на дугме^{(Tracking Button Clicks)}