วิธีเพิ่มรหัสติดตาม Google Analytics ในหน้า GitHub


183

อาจจะเป็นคำถามง่ายๆ แต่ผมเต็มไปด้วยความสงสัยในขณะนี้เกี่ยวกับการเพิ่มGoogle Analytics รหัสติดตามไปหน้า GitHub

ฉันใช้เครื่องสร้างหน้าอัตโนมัติของ GitHub เพื่อสร้างหน้า GitHub ของฉัน แต่จะขอ "รหัสติดตาม Google Analytics" ฉันพยายามสมัครใช้งาน Google Analytics แต่มันขอ URL เว็บไซต์

ตอนนี้สิ่งที่ฉันควรจะทำอย่างไร

อีกหนึ่งคำถาม: เราสามารถเพิ่มรหัสติดตาม Google Analytics ในภายหลังได้หลังจากสร้างหน้า GitHub แล้วหรือยัง


มีแนวทางที่แนะนำค่อนข้างน้อย แต่ฉันยังไม่สามารถรับ / ยืนยันใด ๆ ของพวกเขาทำงานได้ ฉันหวังว่ามันจะเริ่มทำงานภายใน 24 ชั่วโมงหรือมากกว่านั้น
Christopher D. Emerson

1
/ Headdesk ฉันมีเบราว์เซอร์ที่บล็อกเบราว์เซอร์ของฉันบนเว็บไซต์ของฉัน มันทำงานตลอดเวลา สิ่งที่สับสนสำหรับฉันก็คือการย้าย (กึ่ง) ล่าสุดจาก ga (การวิเคราะห์ของ Google) ไปยัง gtag (google tag) เห็นได้ชัดว่าคุณต้องการเพียงแค่รายการ gtag () ตอนนี้ไม่ต้องใช้ ga () อีกต่อไป สนุก. ลิงก์เหล่านี้ช่วยฉันวิเคราะห์ปัญหาของฉัน: chrome.google.com/webstore/detail/tag-assistant-by-google/…และanalyticsmania.com/post/google-tag-manager-vs-google-analytics
Christopher D. Emerson

@ChrisEmerson นั่นคือการอัปเดตที่มีประโยชน์ :)
24419

ฉันมีปัญหาที่คล้ายกันในการเข้าชมของฉันที่ไม่ได้ลงทะเบียน AdBlock เป็นผู้รับผิดชอบ
Andrew Zaw

คำตอบ:


162

อัปเดต : เพิ่มคำอธิบายขั้นตอนสำหรับผู้อื่น

แก้ไขมัน:
ต้องรวมusername.github.io (ลิงก์ที่ฉันต้องการติดตาม) ในส่วนเว็บไซต์ Google Analytics

คุณสามารถตรวจสอบหน้าความช่วยเหลือของ GitHub ได้ที่นี่


ป้อนคำอธิบายรูปภาพที่นี่


หลังจากนั้นฉันได้รับ Tracker ID


หมายเหตุ:คุณสามารถเปลี่ยนหรือเพิ่มเว็บไซต์ในหน้า Google Analytics ได้อย่างง่ายดายจากแผงผู้ดูแลระบบ Google Analytics ของคุณ


อัปเดต 2: - การเพิ่มรหัสติดตาม Google Analytics ไปยังหน้า Github ที่สร้างขึ้นแล้ว (ตามที่ร้องขอโดย@ avi-aryan )

  1. เรียกดูสาขาของหน้า GitHub - ซึ่งจะเป็นเช่น -
    ( https://github.com/ YourUserName / YourRepository / tree / gh-pages)
  2. จากนั้นแก้ไขindex.htmlจากไฟล์ที่อยู่ในรายการ
  3. ตอนนี้อยู่ในHEADแท็กของindex.html- วางสคริปต์การติดตาม Google Analytics ของคุณ (หากได้ลงทะเบียนเพื่อใช้การวิเคราะห์ของ Google แล้วคุณสามารถเรียกดูได้ภายใต้ผู้ดูแลระบบและจากนั้นแท็บข้อมูลการติดตาม )

1
ฉันเพิ่มพวกเขาแล้ว แต่การวิเคราะห์ของ Google บอกว่าไม่ได้ติดตั้งการติดตาม หน้าของฉันตามที่ระบุใน G-Analytics คือhttp://avi-aryan.github.io
Avi

1
@OhadR โอ๋ขอโทษสำหรับว่าถ้ามันไม่ได้ช่วยให้ยู
exexzian

1
FYI: ฉันใช้ตรรกะเดียวกันในการแก้ไขindex.htmlเพื่อเพิ่มเครื่องมือวัด Conversion ของ twitter ด้วย ขอบคุณ!
pulkitsinghal

1
@ sc28 คุณวางการวิเคราะห์ไว้ในหน้าของคุณเมื่อใด Google มักจะอัปเดตแผงควบคุมหลังจากผ่านไป
ซักพัก

2
@ sc28 ไม่ปกติจะใช้เวลาหนึ่งหรือสองวัน .. ตรวจสอบหลังจากหนึ่งหรือสองวัน
exexzian

69

สำหรับทุกคนที่สนใจหากคุณกำลังใช้ Jekyll กับหน้า GitHub ฉันเพียงแค่โพสต์แสดงวิธีการอย่างถูกต้องเพิ่มติดตาม Google Analytics ID เพื่อ Jekyll

  1. คุณจะพบรหัสติดตาม Universal Analytics ของคุณภายใต้ผู้ดูแลระบบ> คุณสมบัติ> ข้อมูลการติดตาม> รหัสติดตาม

  2. สร้างไฟล์ใหม่ที่เรียกว่าanalytics.htmlใน_includesโฟลเดอร์ที่พบในไดเรกทอรีของเว็บไซต์ Jekyll ของคุณ

  3. เพิ่มรหัสติดตามของ Google Analytics ID analytics.htmlเพื่อ

  4. สุดท้ายเปิด_layouts/head.htmlและเพิ่ม{% include analytics.html %}ก่อน</head>แท็กปิดท้าย Google แนะนำตำแหน่งนี้เพื่อติดตามหน้าทั้งหมดในเว็บไซต์ของคุณอย่างถูกต้อง


5
ขอบคุณโพสต์ที่ยอดเยี่ยม เป็นที่น่าสังเกตว่าในหน้า GitHub นั้นจะถูกตั้งค่าjekyll.environment == 'production'โดยอัตโนมัติ ( github.com/jekyll/jekyll/issues/1219 ) ในขณะที่สภาพแวดล้อมเริ่มต้นของ Jekyll คือ'development'
Andrea

ฉันมี_layouts/default.htmlแต่มันใช้งานได้ดี (ฉันไม่คุ้นเคยกับ Jekyll)
Joey Baruch

1
ขอบคุณโพสต์ที่ดี
ijuneja

16

หากคุณใช้เทมเพลตขั้นต่ำที่ Jekyll จัดหาให้

  1. เพิ่มgoogle_analytics: UA-xxxxxxxx-xใน _config.yml ของคุณ
  2. สร้างไฟล์ _includes / google-analytics.html และเพิ่มรหัส google analytics js ในนั้น

แทนที่

ga('create', 'UA-xxxxxxxx-x', 'auto');

กับ

ga('create', '{{ site.google_analytics }}', 'auto');

และคุณถูกตั้งค่า!

ตอนนี้รหัสวิเคราะห์ google จะปรากฏขึ้นหากเว็บไซต์ของคุณถูกสร้างขึ้นในสภาพแวดล้อมการผลิต สำหรับการอ้างอิงดูซอร์สโค้ดของเทมเพลตที่นี่ - https://github.com/jekyll/minima

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


2
ขั้นตอนที่ 2 ไม่จำเป็นจริง ๆ ตรวจสอบเอกสารที่github.com/pages-themes/minimal
kzu

16

ดีกว่าที่จะใช้ GA-Beacon สำหรับสิ่งนั้น GA-Beacon สามารถติดตาม GitHub repo ทั้งหมดของคุณได้แม้ว่าลิงก์ที่เข้าชมไม่ใช่เอกสาร html

กรุณาตรวจสอบ: https://github.com/igrigorik/ga-beacon


มันใช้งานได้ แต่ข้อมูลตามเวลาจริงทั้งหมดของฉันมันมาจาก Ashburn VA แม้เมื่อฉันไปที่หน้าในพื้นที่ ... ไกลจากเวอร์จิเนีย
jtlindsey

@jtlindsey - มีโอกาสที่รูปภาพ / พิกเซลของคุณจะถูกแคชที่ CDN ใน Ashburn VA หรือไม่?
pulkitsinghal

@pulkitsinghal ฉันไม่แน่ใจว่าโพสต์นั้นเกือบหนึ่งเดือนที่ผ่านมาและฉันได้ใช้มันเป็นเวลาสองสามสัปดาห์และข้อมูลมัก Ashburn VA เมื่อมองย้อนกลับไปที่ข้อมูลของฉันข้อมูลจะแสดงตำแหน่งที่ไม่ได้ตั้งค่าตามเวลาจริง แต่มีข้อความค้นหาจากทั่วทุกมุมโลกในประวัติศาสตร์ดังนั้นฉันจึงไม่แน่ใจว่าข้อผิดพลาดนั้นอยู่ที่ไหน ฉันจะลบมันเพราะข้อมูลไม่ถูกต้อง
jtlindsey

5

คุณสามารถเพิ่ม Google Analytics ลงในไซต์ Jekyll ได้เช่นเดียวกับเว็บไซต์อื่น ๆ

ก่อนอื่นหลังจากตั้งค่าบัญชี Google Analytics ของคุณแล้วให้ไปที่แท็บผู้ดูแลระบบ

navbar

ถัดไปภายใต้แผงบัญชีทางด้านซ้ายให้คลิก: Create New Accountถัดไปภายใต้แผงบัญชีด้านซ้ายคลิกที่:

เพิ่มบัญชี

ใน Google Analytics บัญชีแสดงชุดของหน้าเว็บที่คุณต้องการติดตาม ตั้งค่าบัญชีของเว็บไซต์ตามต้องการ

หลังจากสร้างบัญชีของคุณแล้วคุณจะถูกส่งไปยังหน้าที่แจ้งให้คุณทราบ Tracking IDและมีข้อมูลโค้ด JavaScript เพื่อให้คุณใส่ในหน้าเว็บที่คุณต้องการติดตาม เพียงแค่วางตัวอย่างนี้ในทุกหน้าที่คุณต้องการติดตาม หรือหากคุณใช้เค้าโครงเริ่มต้นให้วางส่วนย่อยนี้ไว้ที่ใดก็ได้

ยังไงก็ตามเมื่อคุณโฮสต์บน GitHub Pages คุณไม่จำเป็นต้องใช้ Google Analytics เว้นแต่ว่าคุณต้องการการวิเคราะห์ที่ละเอียดมาก หากสิ่งที่คุณสนใจคือการดูหน้าเว็บ GitHub มีสิ่งนี้


3
ฉันค่อนข้างใช้ว่าการติดตามของ GitHub นั้นมีไว้สำหรับการรับส่งข้อมูลไปยังที่เก็บข้อมูลของ GitHub เท่านั้น (รวมถึงซอร์สโค้ด) หน้าเว็บไซต์ GitHub ของฉัน repo แสดงปริมาณการใช้งาน URL GitHub เท่านั้น
Nick McCurdy

3

ฉันใช้ไฟล์ README.md เป็นแหล่งข้อมูลสำหรับหน้าส่วนตัว GitHub ของฉัน ฉันยังใช้หนึ่งใน GitHub ที่รองรับ 'เคย์แมน' ของธีม ไม่ต้องการไฟล์เพิ่มเติมในที่เก็บนอกเหนือจาก _config.yml (เว้นแต่คุณต้องการแก้ไขธีมที่สนับสนุน)

หากต้องการเพิ่ม Google Analytics ฉันเพิ่งทำตามคำแนะนำในที่เก็บข้อมูล 'cayman' ( https://github.com/pages-themes/cayman ):

เคย์แมนจะเคารพตัวแปรต่อไปนี้หากตั้งไว้ใน _config.yml ของเว็บไซต์ของคุณ:

google_analytics: [รหัสติดตาม Google Analytics ของคุณ]

หยุดเต็ม! อะไรก็ได้! ทุกอย่างทำงานได้ดีกับ Google Analytics! มันอาจเป็นตัวเลือกที่ทำงานได้สำหรับผู้ที่มองหาการตั้งค่าหน้า GitHub อย่างรวดเร็วด้วย Google Analytics


1

หากคุณใช้หน้า github ที่สร้างขึ้นโดยอัตโนมัติจาก github README.md ของคุณฉันพบว่านี่เป็นวิธีที่ง่ายที่สุด: เพียงแก้ไข _config.yml ของคุณให้มีลักษณะดังนี้ (ด้วย UA ของ Google Analytics ของคุณเอง):

theme: jekyll-theme-cayman
title: My Site
description: My site description
url: https://example.com
author: MyName
plugins:
  - jekyll-seo-tag
google_analytics: UA-xxx

จากนั้นเพิ่มไฟล์ใหม่ลงในรูทที่เก็บของคุณชื่อ Gemfile พร้อมเนื้อหานี้:

source "https://rubygems.org”
gem "github-pages", group: :jekyll_plugins
gem 'jekyll-seo-tag'

จากนั้นรอสักครู่และรีเฟรชหน้า Github ของคุณและแสดงซอร์สโค้ดของหน้า ตรวจสอบว่าปลั๊กอิน SEO ใส่จาวาสคริปต์วิเคราะห์ของคุณ ข้อมูลเพิ่มเติมที่นี่: https://github.com/jekyll/jekyll-seo-tag

จากคำสั่งการติดตั้งฉันไม่ต้องเพิ่ม {% seo%} ใน html โชคดีเพราะฉันไม่มี html ดูเหมือนว่า Github จะคิดเช่นนั้น

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.