บทช่วยสอน Google Tag Manager ส่วนที่ 2: ลิงก์ดาวน์โหลดการติดตาม – อัปเดต 2020

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

Google Analytics ไม่ได้ติดตามกิจกรรมนี้โดยอัตโนมัติ แต่ Google Tag Manager (GTM) นำเสนอโซลูชันอัตโนมัติที่ใช้งานง่ายสำหรับการติดตามการดาวน์โหลด

ในบทช่วยสอนนี้ เราถือว่าคุณมีบัญชี Google Tag Manager อยู่แล้ว สร้างคอนเทนเนอร์ และติดตั้งบนเว็บไซต์ของคุณแล้ว คุณควรตั้งค่าบัญชี Google Analytics สำหรับเว็บไซต์ของคุณและเชื่อมโยงกับ GTM

ตั้งค่าการติดตามลิงก์ดาวน์โหลดโดยทำตามขั้นตอนด้านล่าง

ขั้นตอนที่ 1: เปิดใช้งานตัวแปร "องค์ประกอบคลิก" และ "คลิก URL"

ใน Google Tag Manager คุณมีตัวแปรบิวท์อินมากมายให้เลือก เช่นเดียวกับตัวเลือกในการสร้างตัวแปรที่กำหนดเองของคุณเองหากจำเป็น สำหรับการตั้งค่านี้ คุณจะต้องใช้ตัวแปรบิวท์อิน “Click Element” และ “Click URL” หากคุณไม่เคยใช้ตัวแปรเหล่านี้มาก่อน คุณต้องเลือกและเปิดใช้งานตัวแปรเหล่านี้ ในการดำเนินการดังกล่าว ให้ไปที่ "ตัวแปร" และในส่วน "ตัวแปรในตัว" ให้คลิกที่ "กำหนดค่า" เลื่อนไปที่ตัวแปรการคลิกต่างๆ และกำหนดเครื่องหมายถูกสำหรับ "องค์ประกอบการคลิก" และ "คลิก URL"

ขั้นตอนที่ 2: สร้างตัวแปร JavaScript ที่กำหนดเอง

ตัวแปรที่กำหนดโดยผู้ใช้นี้ประกอบด้วย JavaScript สองสามบรรทัดที่ลบนามสกุลไฟล์ออกจากส่วนท้ายของลิงก์ เพื่อให้คุณสามารถแยกการดาวน์โหลดตามประเภทไฟล์ใน Google Analytics ได้อย่างง่ายดาย

ในการตั้งค่านี้ ไปที่ "ตัวแปร" ในอินเทอร์เฟซผู้ใช้ Google Tag Manager และเลื่อนลงไปที่ "ตัวแปรที่กำหนดโดยผู้ใช้" แล้วคลิก "ใหม่" จากตัวเลือกตัวแปร เลือก “จาวาสคริปต์ที่กำหนดเอง” เป็นเทมเพลตตัวแปร

ตั้งค่าการกำหนดค่าตัวแปรของคุณ:

• แทนที่ “Untitled Variable” ด้วยชื่อที่สื่อความหมาย เช่น “JS – Filetype”
• คัดลอกและวางโค้ดต่อไปนี้ลงในช่องป้อนข้อมูล "จาวาสคริปต์ที่กำหนดเอง" จากนั้นคลิก "บันทึก"

 การทำงาน() {
var filepath = {{องค์ประกอบคลิก}}.pathname.split("/");
var ชื่อไฟล์ = filepath.pop();
ประเภทไฟล์ var;
ถ้า (filename.indexOf(".")>-1) {
    filetype = filename.substr(filename.indexOf(".")+1);
    ประเภทไฟล์ = filetype.toUpperCase();
    ส่งคืนประเภทไฟล์;
    }
}

ตัวแปรของคุณควรมีลักษณะดังนี้:

ขั้นตอนที่ 3: สร้างทริกเกอร์ “เพียงแค่ลิงก์”

ทริกเกอร์นี้กำหนดว่าการคลิกบนลิงก์เป็นการดาวน์โหลดไฟล์หรือไม่ โดยจะมีรายการนามสกุลไฟล์ยาวๆ และหาก URL ของลิงก์มีหนึ่งในนั้น กฎจะเริ่มการทำงานของทริกเกอร์และแท็กก็จะเริ่มทำงาน คุณสามารถเลือกปรับแต่งนามสกุลไฟล์เหล่านี้เพื่อรวมเฉพาะนามสกุลที่คุณสนใจ หรือเพิ่มเฉพาะประเภทการดาวน์โหลดที่คุณนำเสนอบนไซต์ของคุณ

ในการตั้งค่าทริกเกอร์สำหรับการคลิกลิงก์ดาวน์โหลด ให้ทำตามขั้นตอนเหล่านี้:

• ไปที่ "Triggers" ในแถบด้านข้างด้านซ้ายแล้วสร้างใหม่
• ระบุชื่อที่สื่อความหมาย เช่น "การคลิกลิงก์ – ดาวน์โหลด"
• เลือกประเภททริกเกอร์: “คลิก – แค่ลิงก์”
• สำหรับเงื่อนไขทริกเกอร์ ให้ตั้งค่าเป็น “Some Link Clicks” > Variable: “Click URL” > “matches RegEx (ละเว้นตัวพิมพ์)” > “^.*\.(7z|aac|arc|arj|asf|asx|avi |bin|csv|doc|exe|flv|gz|gzip|hqx|jar|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|ppt| qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls|xml|z|zip)$”
• ตัวเลือก "รอแท็ก" และ "ตรวจสอบการตรวจสอบความถูกต้อง": "รอแท็ก" ช่วยให้แน่ใจว่าแท็กทั้งหมดที่เริ่มทำงานด้วยทริกเกอร์นี้ได้รับการดำเนินการก่อนที่จะดำเนินการกับเหตุการณ์ สำหรับทริกเกอร์ “ลิงก์เพียงอย่างเดียว” ของคุณ การดาวน์โหลดไฟล์จะหยุดนานพอที่แท็กที่ขึ้นต่อกันทั้งหมดจะเสร็จสมบูรณ์ หลังจากนั้นการดาวน์โหลดจะกลับมาทำงานต่อ “ตรวจสอบความถูกต้อง” ตรวจสอบว่าการคลิกนั้นถูกต้องจริงหรือไม่ สิ่งเหล่านี้สามารถตั้งค่าได้อย่างอิสระ แต่เราขอแนะนำไม่ให้ทำเครื่องหมายสำหรับทริกเกอร์นี้ในสถานการณ์ส่วนใหญ่
• คลิก “บันทึก”

นี่คือลักษณะการกำหนดค่าทริกเกอร์:

เปลี่ยนรายการ “|” แยกนามสกุลไฟล์ในสภาวะไฟไหม้หากคุณต้องการติดตามการดาวน์โหลดบางประเภทเท่านั้น

ขั้นตอนที่ 4: สร้างการดาวน์โหลดคลิกแท็กเหตุการณ์

แท็กนี้จะใช้ Custom JS Variable และทริกเกอร์ที่คุณสร้างขึ้น การดำเนินการนี้จะบันทึกการคลิกลิงก์ที่มีนามสกุลไฟล์ที่คุณตั้งค่าไว้ในทริกเกอร์ใน Google Analytics

สร้างโดยทำตามขั้นตอนเหล่านี้:

• ไปที่ > “แท็ก” > “ใหม่” เพื่อสร้างแท็กใหม่
• ตั้งชื่อมันว่า “GA – เหตุการณ์ – ดาวน์โหลด”
• สำหรับการกำหนดค่าแท็กของคุณ ให้เลือก "Google Analytics: Universal Analytics" เป็นประเภทแท็กของคุณ
• ประเภทแทร็ก: “กิจกรรม”

ป้อนการตั้งค่าต่อไปนี้ตามที่แสดง:

ในส่วนด้านล่าง “การทริกเกอร์” ให้เพิ่มทริกเกอร์ที่กำหนดค่าไว้ล่วงหน้าจากขั้นตอนที่ 3

เหตุการณ์การดาวน์โหลดที่แท็กนี้ติดตามจะปรากฏในรายงานเหตุการณ์ (ส่วน "พฤติกรรม") ใน Google Analytics โดยมีหมวดหมู่เป็น "การดาวน์โหลด" การทำงานของเหตุการณ์จะปรากฏเป็นประเภทของไฟล์ (PDF, DOC เป็นต้น) และป้ายกำกับจะแสดง URL ของลิงก์ดาวน์โหลด

ขั้นตอนที่ 5: บันทึกเวอร์ชัน ทดสอบ และเผยแพร่

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

อย่าลืมครอบคลุมสถานการณ์การทดสอบเหล่านี้สำหรับการติดตามลิงก์ดาวน์โหลด:

• คลิกลิงก์ดาวน์โหลด: แท็ก GA “GA – เหตุการณ์ – ดาวน์โหลด” จะต้องเริ่มทำงาน
• คลิกลิงก์อื่นๆ เช่น โปรไฟล์โซเชียลมีเดีย: แท็กต้องไม่เริ่มทำงาน

รายงานเหตุการณ์แบบเรียลไทม์ของ Google Analytics ควรแสดง Hit เหตุการณ์ของคุณหากทุกอย่างทำงานอย่างถูกต้อง อ่านบล็อกโพสต์ของเราเกี่ยวกับ ปัญหาการทดสอบ Google Tag Manager และวิธีแก้ไข หากคุณพบปัญหาใดๆ

หากการทดสอบทั้งหมดของคุณสำเร็จ คุณสามารถคลิกปุ่ม "ส่ง" ใน GTM ตั้งชื่อเวอร์ชันที่เผยแพร่นี้ เช่น "เพิ่มกิจกรรมลิงก์ดาวน์โหลด" แล้วคลิก "เผยแพร่"

บทแนะนำถัดไปกำลังจะมาถึง

ในส่วนที่สองของคู่มือนี้ เราได้อธิบายวิธีที่คุณสามารถตั้งค่าการติดตามลิงก์ดาวน์โหลดอัตโนมัติได้อย่างง่ายดายโดยใช้ JavaScript ที่กำหนดเองและตัวแปรบิวท์อินใน Google Tag Manager

เมื่อคุณได้ใช้ฟังก์ชันบางอย่างใน GTM แล้ว หวังว่าคุณจะพร้อมที่จะเข้าสู่สถานการณ์การติดตามที่ซับซ้อนมากขึ้น ส่วนที่ 3 ของบทแนะนำนี้จะเจาะลึกถึงความเป็นไปได้ของเครื่องมือการจัดการแท็ก คอยติดตามการปรับปรุงต่อไปของเรา!