Google Tag Manager
ตอนที่ 2 : เริ่มยังต้น Setup ไงดีนะ??
มาเริ่มกันเลยดีก่า
ก่อนเริ่มต้องมีต้นทุนดังนี้
- สมัคร Google Account ถ้าไม่มีนะ สมัครที่นี่ เลย
- เอา Google Account จากข้อ 1 มาสมัคร Google Tag Manager สมัครที่นี่
- สมัคร Account 3rd party ที่อยากเอามาใช้เชื่อมกับ Google Tag Manager เช่น Facebook Pixel , Google Analytics ในที่นี้เราจะเรียก 3rd party เหล่านี้ว่า Tag นะ
หมายเหตุ Google Tag Manager นี่ให้ใช้ฟรีนะ แต่มี limit บางอย่างเช่น เรื่อง Workspaces for concurrent tagging projects จะ Limit ที่ 3 projects ถ้าใครอยากใช้แบบ Unlimited ต้องจ่ายตังนะจ้า ลองดู Detail ที่นี่นะ
Step by Step มาเริ่มกันเลย
1. เข้าไปที่ https://tagmanager.google.com อย่าลืม สมัครและ Login มาด้วยเน้อ
2. กดปุ่ม CREATE ACCOUNT นะ
3. เข้าไปกรอกข้อมูลเรื่อง Setup Account และ Setup Container ให้เรียบร้อยเนอะ (ตรง Container เขาจะให้เลือกนะว่าจะเป็นแบบ Web ,Android, iOS, AMP)
4. กด CREATE สิจ๊ะรออะไร แล้วก็ไป Agree Term เขานะ
5. มันก็จะปรากฎหน้า แบบนี้มาเนอะ มันคือหน้าที่ให้เราเอา Code Javascript ไปแปะนะ (ถ้าไม่ได้เป็น Developer ก็ Copy Code ส่งให้ Developer นะ)
หมายเหตุมันจะมี Code สองแบบนะ
แบบแรกให้ติดในขอบเขตของ <head> tag
แบบที่สองคือติดในขอบเขตของ <body> tag
หมายเหตุ: ทีนี้ถ้าใครเผลอกดปิดข้อ 5 ไปอย่าตกใจกดตรงนี้เพื่อดูก็ได้นะ อย่างในรูปกดที่ GTM-PZBNDWT นะ
6. ทีนี้ Google Tag Manager พร้อมใช้ละจ้า Section ต่อไปจะสอนติด Google Analytics กับ Facebook Pixel เป็นตัวอย่างนะ
มาเริ่มติด 3rd party Tags กัน ( ขอ Review เฉพาะของ Web เนอะ)
เริ่มจาก Google Analytic ก่อน
- ตามหาและคัดลอก Tracking Id ที่ต้องการเชื่อมต่อกับ Google Tag Manager ที่ Google Analytics หน้า Admin นะตามรูป (ตามรูปคือ UA-83199178–1 นะ)
2. ไปที่หน้าของ Google Tagmanager จาก Section ที่แล้วไปที่ Section Tags นะตามรูปแล้วกด ปุ่ม New สีแดง และใส่ชื่อ Tag ด้วยนะ
3. กดที่ปุ่ม Edit บนขวาของ Section Tag Configuration แล้วเลือก Universal Analytics
4. กด Enable overriding settings in this tag และใส่ Tracking ID แล้วกดปุ่ม SAVE
5. จะโผล่ POP-UP ให้กด Add Trigger และเลือก All Page เพื่อทำการ track ในทุกหน้า
6. กด Save ครับเป็นการเสร็จสิ้นการติด Google Analytics Tag แต่ยังไม่จบนะอย่าลืม ดู Session สุดท้ายด้วยครับ
ทีนี้ลอง Add อีก tag ละกันเนอะเราจะลองใส่ Facebook Pixel กัน
1. ไปที่หน้า Pixel ใน Facebook ตาม link นี้ไปนะ
2. กดที่ Set Up Pixel
3. กดที่ Copy and Paste the Code
4. มาที่ Section แรกเอา mouse ไป hover ที่ Javascript code ที่ section 1.2 และ click เพื่อ copy code
5. กลับมาที่ Google Tag Manager ที่หน้า Tags แล้วกด ปุ่ม NEW เหมือน Step เพิ่ม Google Analytics Tag แล้วตั้งชื่อให้ Tag เช่น Facebook Pixel เป็นต้น
6. กดที่ปุ่ม Edit บนขวาของ Section Tag Configuration แล้วเลือก Custom HTML Paste Code ที่ได้จากข้อ 4 แล้วกด SAVE
7. จะมี POP-UP ให้ Add trigger ให้กด Add Trigger และเลือก All Page จากนั้นกด Save
8. เรียบร้อยจ้า
มาเริ่มติด Publish Tags เพื่อทดลองใช้จริงกัน
1. กดปุ่ม SUBMIT ที่บนขวาของหน้า
2. จะโผล่หน้า Publish Change ขึ้นมาให้ใส่รายละเอียดของ Version ในการ Submit นี้นะ( ให้ใส่ให้รู้เรื่องเนอะ เผื่อ Rollback กลับมาใช้ได้ )
3. Live ละจ้า เป็นอันใช้ได้
สุดท้ายลองไปดู Stat ที่ Google Analytic และ Facebook Pixel เน้อว่าขึ้นป่าว
ถ้าขึ้นเป็นอันใช้ได้ ถ้าไม่ขึ้นก็น่าจะ Set อะไรบางอย่างผิดนาจาลองเริ่มดูแต่ต้นใหม่นะครับ แล้วเจอกัน Next Article ในการลงลึกต่อไปสำหรับ Google Tag Manager จ้า
Have fun