웹사이트 유형에 관계없이 방문자가 사이트와 상호 작용하는 방식을 아는 것이 중요합니다. Google Analytics(GA) 는 전통적으로 웹마스터가 웹사이트 트래픽에 대한 통찰력을 얻기 위해 사용하는 도구였습니다. GA는 사용자에게 다음에 대한 통계 및 보고서를 제공합니다.
- 사이트 방문자 수
- 그들은 어느 나라에서 왔는지
- 세션당 방문한 페이지 수
- 사이트에서 가장 인기 있는 페이지
- 이탈한 사이트 방문자 수(아무 작업도 수행하지 않고 남아 있음)
GA로 페이지 조회수, 세션 시간, 이탈률과 같은 필수 측정항목을 추적하려면 모든 웹페이지에 GA 추적 코드(GA Tracking Code) 또는 GA JavaScript 코드 스니펫을 배치해야 합니다. (GA JavaScript)이것은 일반 정보를 추적하는 데 이상적입니다.
그러나 보다 구체적인 메트릭이나 여러 상호 작용의 경우 모든 작업을 추적하는 것이 더 어려워집니다. 예를 들어, 웹사이트 소유자가 여러 다른 양식과 다양한 기능을 추적하여 필요한 모든 태그를 설정하고 실행하려면 많은 시간이 걸립니다.
Google 태그 관리자(Google Tag Manager) ( GTM )는 모든 태그를 더 쉽게 추적할 수 있게 해주는 무료 태그 관리 도구입니다.
Google 태그 관리자란 무엇입니까?(What Is Google Tag Manager?)
GTM 은 GA를 대체하는 대신 GA(태그 자체)와 함께 작동하여 사용자가 추적 코드(태그)를 추가하고, 규칙을 정의하고, 코드 조각을 배포할 수 있도록 지원합니다.
GTM 에서 수집한 데이터 는 GA 및 Google Ads , PayPal 및 Facebook 과 같은 기타 도구로 전송 및 저장됩니다 .
웹사이트 소유자가 추적할 수 있는 태그의 예는 다음과 같습니다.
- 구글 광고
- 이벤트
- 페이스북 픽셀 코드
- 리마케팅
- 사용자 정의 HTML/JavaScript 코드
웹사이트 소유자는 더 나은 전략적 마케팅 결정을 내리는 데 필요한 통찰력을 제공할 행동을 결정해야 합니다. 그런 다음 Google 태그 관리자(Google Tag Manager) 를 사용 하여 데이터를 수집하고 결과를 분석합니다.
이 기사에서는 웹사이트에 GTM 을 사용하는 방법을 간략하게 설명합니다.
웹사이트 설정(Set Up Your Website)
- Google 태그 관리자(Google Tag Manager) 계정 이 아직 없다면 계정을 설정하세요(set one up) .
- 계정 이름, 국가, 컨테이너 설정(도메인) 및 대상 플랫폼(웹 선택)을 추가합니다. 그런 다음 만들기(Create) 를 클릭 합니다.
- Google 서비스 약관에 동의하면 두 개의 코드 조각과 함께 컨테이너 ID가 표시됩니다.
- 설정 프로세스를 완료하려면 사이트의 각 페이지에 두 스니펫을 모두 추가해야 합니다. 올바른 위치에 추가했는지 확인하십시오. <head> 에 속합니다 . 다른 하나는 여는 <body> 태그 뒤에 옵니다.
- 스니펫을 설치하는 데 추가 도움이 필요하면 Google의 빠른 시작 가이드( Quick Start Guide) 를 읽어 보세요. 또는 WordPress 를 사용하는 경우 사용할 수 있는 여러 플러그인( several plugins) 이 있습니다.
- 컨테이너를 만든 후에는 태그와 트리거를 추가하여 사이트 방문자에 대한 통찰력을 얻을 수 있습니다.
다음(Below) 은 마케팅 활동을 측정하는 데 도움이 되는 웹사이트 작업의 예입니다.
버튼 클릭 추적(Tracking Button Clicks)
버튼(Button) 클릭은 웹사이트 클릭 유도문안( CTA )이 클릭된 횟수를 나타냅니다. 많은 사이트에는 다음과 같은 여러 CTA 가 있습니다.(CTAs)
- 다운로드
- 장바구니에 추가합니다.
- 전화하려면 클릭하세요.
- 구독하다.
- 가입하기.
- 시작하다.
- 무료 보고서를 받아보세요.
- 더 알아보기.
- 가입하다.
일부 변수 설정(Set Up Some Variables)
- 변수(Variables) 를 클릭 한 다음 왼쪽 탐색에서 구성 을 클릭합니다.(Configure)
- 아래로 스크롤하여 요소, 클래스, ID, 대상, URL(Element, Classes, ID, Target, URL ) 및 텍스트(Text) 를 클릭 합니다.
- 다음 단계는 모든 클릭에서 실행될 트리거를 활성화하는 것입니다. 왼쪽 탐색에서 Triggers 를 (Triggers)클릭 하고 (Click)NEW를 누르십시오.(NEW.)
- 그런 다음 트리거에 이름을 지정합니다. 버튼 클릭(Button Click) 이라고 합시다 .
- 트리거 유형을 선택하려면 트리거 창 내부를 클릭하고 팝업 페이지 하단으로 스크롤한 다음 모든 요소(All Elements) 를 클릭합니다 .
- 이 트리거는(This trigger fires) 모든 클릭(All Clicks ) 에서 실행되도록 설정했는지 확인 하고 저장( Save) 을 클릭 합니다.
- 태그가 올바르게 작동하는지 확인하려면 미리보기(Preview) 버튼을 클릭하십시오. 미리보기 모드에 있음을 알 수 있도록 주황색 막대가 나타납니다.
- 새 브라우저 탭에서 웹사이트를 열고 페이지를 새로 고칩니다. 빠른 미리보기 모드에서 요약 항목을 볼 수 있습니다. 이 예에서는 누군가가 사이트의 아무 곳이나 클릭할 때마다 실행되도록 트리거를 설정했기 때문에 GTM 클릭으로 등록됩니다.
- 페이지의 특정 버튼을 식별하려면 Google 태그 관리자(Google Tag Manager) 미리보기 패널에서 클릭 중 하나를 선택합니다. 그런 다음 변수(Variables) 를 클릭 합니다.
클릭 클래스, 클릭 요소 및 클릭 텍스트가 표시됩니다. 모든 다른 클릭 및 클릭 클래스가 표시됩니다. 변수를 찾았으면 추적하려는 버튼에 대해 무엇을 필터링할지 알아내십시오.
해당 웹사이트 버튼을 클릭 하면 웹사이트 아래에 있는 (Click)GTM 미리보기 의 요약 섹션이 강조 표시됩니다 .
클릭(Click) 클래스, 클릭 요소(Click Element) 및 클릭 ID(Click ID) 와 같이 선택한 버튼과 관련된 변수를 확인 합니다. 이 정보를 사용하여 버튼 클릭을 설정하십시오. Google 태그 관리자(Google Tag Manager) 로 돌아갑니다 . 버튼 클릭 으로 (Button Click)이동(Navigate) 합니다 .
이 문서의 목적을 위해 무료 보고서(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 오른쪽의 빈 상자에 추가하고 (Click Classes )저장( Save) 을 클릭 합니다.
태그 생성(Create a Tag)
- 왼쪽 탐색 에서 태그(Tags) 를 클릭 하고 새로(New) 만들기를 누르십시오 .
- 태그 구성(Tag Configuration) 상자 내부를 클릭 하여 태그 유형을 엽니다. 아래로 스크롤 하여 (Scroll)맞춤 HTML(Custom HTML) 을 선택 합니다 .
- 대괄호 { } 안에 변수를 입력하여 이 사용자 정의 HTML(Custom HTML) 섹션 내에서 변수를 사용할 수 있습니다 .
- 대괄호 입력을 시작하면 정의된 기존 변수를 선택할 수 있는 빠른 검색 선택 메뉴가 표시됩니다.
- 이제 방금 만든 트리거에 이것을 연결해야 합니다. 트리거(Triggering) 상자 내부를 클릭 하고 트리거를 선택한 다음 (Click)저장(Save) 을 클릭 합니다.
- 버튼을 테스트하려면 미리보기 페이지를 다시 새로고침하세요. 버튼을 클릭(Click) 하여 태그가 실행되었는지 확인하세요. 작동하지 않으면 돌아가서 모든 설정을 확인하십시오.
- 태그 가 정확하면 이 이벤트에서 실행된 태그(Tags Fired on This Event) 가 표시됩니다 . 이제 버튼을 클릭할 때 추적하고 있습니다.
태그를 이벤트로 만들기(Make The Tag An Event)
- GTM 으로 돌아가서 방금 생성한 태그를 선택합니다. 식별 가능한 이름으로 이름을 지정하십시오.
- 태그 유형을 맞춤 HTML(Custom HTML) 에서 Google 애널리틱스: Google 애널리틱스(Analytics) : 유니버설 애널리틱스(Universal Analytics) 로 변경 합니다.
- 추적 유형(Track Type) 에 대해 이벤트(Event) 를 선택 하고 이벤트 추적 매개변수(Event Tracking Parameters) 에 대해 CTA 버튼 을 선택하고 (CTA Button)작업 에 대해 (Action)클릭(Click) 을 선택하고 레이블(Label) 에 대한 식별 이름을 추가합니다 .
- (Scroll)Google Analytics 설정(Google Analytics Settings) 까지 아래로 스크롤 하고 {{Google Analytics}} 를 선택 하고 저장(Save) 을 클릭 합니다. 이제 Google Analytics(Google Analytics) 내부의 클릭을 이벤트로 추적하고 있습니다.
- 이벤트를 제출한 다음 게시(Publish) 하십시오.
- 컨테이너 버전 설명(Container Version Description) 섹션에서 이벤트를 설명하는 이름을 추가하고 계속을 클릭 합니다(Continue) .
- 이제 사이트 방문자가 버튼을 클릭할 때마다 추적할 수 있도록 새 트리거와 새 태그가 웹사이트에 표시됩니다.
Google 태그 관리자(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 visitorѕ interact with your site is esѕential. 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.