ไม่ว่าคุณจะมีเว็บไซต์ประเภทใด การรู้ว่าผู้เข้าชมโต้ตอบกับเว็บไซต์ของคุณอย่างไรเป็นสิ่งสำคัญ ตามธรรมเนียม Google Analytics (GA)^{(Google Analytics (GA))}เป็นเครื่องมือที่ผู้ดูแลเว็บใช้เพื่อให้ได้ข้อมูลเชิงลึกเกี่ยวกับการเข้าชมเว็บไซต์ GA ให้ข้อมูลสถิติและรายงานแก่ผู้ใช้เกี่ยวกับ:

จำนวนผู้เข้าชมเว็บไซต์ของคุณ
มาจากประเทศอะไร
จำนวนหน้าที่เข้าชมต่อเซสชัน
หน้ายอดนิยมในเว็บไซต์ของคุณ
จำนวนผู้เข้าชมไซต์ที่ถูกตีกลับ (ออกไปโดยไม่ดำเนินการใดๆ)

การติดตามเมตริกที่สำคัญ เช่น การดูหน้าเว็บ ระยะเวลาเซสชัน และอัตราตีกลับด้วย GA จำเป็นต้องมีการวางโค้ดติดตามของ GA^{(GA Tracking Code)}หรือข้อมูลโค้ดJavaScript ของ GA บนหน้าเว็บทุกหน้า ^{(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 Tag Manager ให้ ^{(Google Tag Manager)}ตั้ง^{(set one up)}ค่า

เพิ่มชื่อบัญชี ประเทศ การตั้งค่าคอนเทนเนอร์ (โดเมนของคุณ) และแพลตฟอร์มเป้าหมายของคุณ (เลือกเว็บ) จาก นั้นคลิกสร้าง^(Create)
หลังจากที่คุณยอมรับข้อกำหนดในการให้บริการของ Google คุณจะเห็นรหัสคอนเทนเนอร์พร้อมข้อมูลโค้ด 2 รายการ

คุณต้องเพิ่มข้อมูลโค้ดทั้งสองลงในแต่ละหน้าของไซต์ของคุณเพื่อดำเนินการตั้งค่าให้เสร็จสิ้น ตรวจสอบให้แน่ใจว่าคุณเพิ่มพวกเขาในที่ที่ถูกต้อง หนึ่งรายการอยู่ใน<head> ของเพจของคุณ อีกอันอยู่หลัง แท็กเปิด<body>
หากคุณต้องการความช่วยเหลือเพิ่มเติมในการติดตั้งข้อมูลโค้ด โปรดอ่านคู่มือเริ่มต้นฉบับย่อ^{( Quick Start Guide)}ของ Google หรือหากคุณใช้WordPressมีปลั๊กอินหลายตัว^{( several plugins)} ที่ คุณสามารถใช้ได้
เมื่อคุณสร้างคอนเทนเนอร์แล้ว คุณสามารถเริ่มเพิ่มแท็กและทริกเกอร์เพื่อรับข้อมูลเชิงลึกเกี่ยวกับผู้เข้าชมไซต์ของคุณได้

ด้านล่างนี้^(Below)คือตัวอย่างการดำเนินการบนเว็บไซต์เพื่อช่วยคุณวัดความพยายามทางการตลาดของคุณ

ติดตามการคลิกปุ่ม^{(Tracking Button Clicks)}

การคลิก ปุ่ม^(Button)หมายถึงจำนวนครั้งที่มีการคลิกคำกระตุ้นการตัดสินใจ ( CTA ) ของเว็บไซต์ของคุณ ไซต์หลายแห่งมีCTA^(CTAs) หลายรายการ เช่น:

ดาวน์โหลด.
หยิบใส่ตะกร้า.
คลิกเพื่อโทร
ติดตาม.
ลงชื่อ.
เริ่ม.
รับรายงานฟรีของคุณ
เรียนรู้เพิ่มเติม.
เข้าร่วม.

ตั้งค่าบางตัวแปร^{(Set Up Some Variables)}

คลิกที่ตัวแปร^(Variables)แล้วกำหนดค่า^(Configure)จากการนำทางด้านซ้าย
เลื่อนลง แล้วคลิกElement, Classes, ID, Target, URL and Text

ขั้นตอนต่อไปคือการเปิดใช้ทริกเกอร์ที่จะเริ่มทำงานเมื่อคลิกทั้งหมด คลิก^(Click)ที่ทริกเกอร์^(Triggers)จากการนำทางด้านซ้ายแล้วกดNEW

จากนั้นตั้งชื่อทริกเกอร์ของคุณ เรียกว่าปุ่มClick^{(Button Click)}
ในการเลือกประเภททริกเกอร์ ให้คลิกภายในหน้าต่างทริกเกอร์ เลื่อนลงไปที่ด้านล่างของหน้าป๊อปอัป แล้วคลิกองค์ประกอบ^{(All Elements)}ทั้งหมด
ตรวจสอบให้แน่ใจว่าคุณได้ตั้งค่าทริกเกอร์นี้เริ่ม^{(This trigger fires)} ทำงาน เมื่อคลิกทั้งหมด^{(All Clicks )}แล้วคลิกบันทึก^{( Save)}

เพื่อให้แน่ใจว่าแท็กทำงานอย่างถูกต้อง ให้คลิกปุ่มแสดงตัวอย่าง ^(Preview)แถบสีส้มจะปรากฏขึ้นเพื่อให้คุณรู้ว่าคุณอยู่ในโหมดแสดงตัวอย่าง

เปิดเว็บไซต์ของคุณในแท็บเบราว์เซอร์ใหม่และรีเฟรชหน้า คุณจะเห็นรายการสรุปในโหมดแสดงตัวอย่างด่วน เนื่องจากในตัวอย่างนี้ เราตั้งค่าทริกเกอร์ให้เริ่มทำงานเมื่อใดก็ตามที่มีคนคลิกที่ใดก็ได้บนไซต์ของคุณ ทริกเกอร์จะลงทะเบียนเป็นการคลิกGTM
หากคุณต้องการระบุปุ่มเฉพาะบนหน้าเว็บ ให้เลือกหนึ่งคลิกในแผงแสดงตัวอย่างGoogle Tag Manager จาก นั้น คลิกตัวแปร^(Variables)

คุณจะเห็นคลาสการคลิก องค์ประกอบการคลิก และข้อความการคลิก มีการจดบันทึกการคลิกและคลาสการคลิกที่แตกต่างกันทั้งหมด เมื่อคุณพบตัวแปรแล้ว ให้คิดว่าจะกรองสิ่งใดสำหรับปุ่มที่คุณต้องการติดตาม

คลิก^(Click)ที่ปุ่มเว็บไซต์นั้นและจะเน้นส่วนสรุปใน หน้าตัวอย่าง GTMด้านล่างเว็บไซต์ของคุณ

ดูตัวแปรที่เกี่ยวข้องกับปุ่มที่ คุณเลือก เช่นClick class, Click ElementและClick ID ใช้ข้อมูลนี้เพื่อตั้งค่าการคลิกปุ่มของคุณ กลับไปที่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^{(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 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 Tag Manager ^{(Google Tag Manager)}ยิ่งคุณรวบรวมและวัดข้อมูลมากเท่าใด คุณก็จะสามารถปรับแต่งการตลาดและแคมเปญโฆษณาของคุณได้ดีขึ้นเพื่อเพิ่ม Conversion และการขาย

How To Use Google Tag Manager To Analyze Your Website Traffic

No matter what type of websіte you have, knowіng how your visitors interаct with your site iѕ 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.

อังคณา ยอดยาใจ

About the author

ฉันเป็นวิศวกรซอฟต์แวร์และบล็อกเกอร์ที่มีประสบการณ์เกือบ 10 ปีในสาขานี้ ฉันเชี่ยวชาญในการสร้างบทวิจารณ์เครื่องมือและบทช่วยสอนสำหรับแพลตฟอร์ม Mac และ Windows รวมถึงการให้ความเห็นจากผู้เชี่ยวชาญในหัวข้อการพัฒนาซอฟต์แวร์ ฉันยังเป็นวิทยากรและผู้สอนมืออาชีพ โดยได้นำเสนอผลงานในการประชุมเทคโนโลยีทั่วโลก

วิธีใช้ Google Tag Manager เพื่อวิเคราะห์การเข้าชมเว็บไซต์ของคุณ

Google Tag Manager คืออะไร?^{(What Is Google Tag Manager?)}

ตั้งค่าเว็บไซต์ของคุณ^{(Set Up Your Website)}

ติดตามการคลิกปุ่ม^{(Tracking Button Clicks)}