Cách thêm ID theo dõi Google Analytics vào trang GitHub

Có thể là một câu hỏi đơn giản nhưng hiện tại tôi đang nghi ngờ về việc thêm ID theo dõi Google Analytics vào trang GitHub .

Tôi đang sử dụng trình tạo trang tự động GitHub để tạo trang GitHub của mình nhưng nó yêu cầu "ID theo dõi Google Analytics". Tôi đã cố gắng đăng ký với Google Analytics nhưng trên đó yêu cầu URL trang web.

Bây giờ tôi phải làm gì?

Thêm một câu hỏi nữa: chúng ta có thể thêm ID theo dõi Google Analytics sau này sau khi Trang GitHub được tạo không?

Cập nhật : Đã thêm các bước mô tả cho người khác

Đã giải quyết nó:
phải bao gồm username.github.io(liên kết mà tôi muốn theo dõi) trong phần trang web Google Analytics.

bạn có thể kiểm tra trang trợ giúp của GitHub tại đây

Sau đó tôi được cung cấp ID theo dõi.

Lưu ý: Bạn có thể dễ dàng thay đổi hoặc thêm nhiều trang web trên trang Google Analytics từ bảng quản trị Google Analytics của mình.

Cập nhật 2: - Thêm ID theo dõi Google Analytics vào các trang Github đã được tạo (Theo yêu cầu của @ avi-aryan )

1. Browse để ngành trang github của bạn - đó sẽ là một cái gì đó như thế nào -
   ( https://github.com/ yourusername / YourRepository / cây / gh-trang)
   
2. Sau đó chỉnh sửa index.htmltừ các tập tin được liệt kê
3. Bây giờ trong HEADthẻ của index.html- dán Tập lệnh ID theo dõi Google Analytics của bạn (nếu đã đăng ký Google Analytics thì bạn có thể duyệt nó dưới quyền quản trị viên và sau đó theo dõi tab thông tin )

Đối với bất kỳ ai quan tâm, nếu bạn đang sử dụng Jekyll với các trang GitHub, tôi chỉ viết một bài đăng cho biết cách thêm chính xác ID theo dõi Google Analytics vào Jekyll .

1. Bạn sẽ tìm thấy mã theo dõi Universal Analytics của mình trong Quản trị viên> Thuộc tính> Thông tin theo dõi> Mã theo dõi.

2. Tạo một tệp mới được gọi analytics.htmltrong _includesthư mục được tìm thấy trong thư mục của trang web Jekyll của bạn.

3. Thêm mã ID theo dõi Google Analytics vào analytics.html.

4. Cuối cùng, mở _layouts/head.htmlvà thêm {% include analytics.html %}ngay trước </head>thẻ kết thúc . Google khuyến nghị vị trí này để theo dõi tất cả các trang trên trang web của bạn một cách chính xác.

Nếu bạn đang sử dụng mẫu cực tiểu do Jekyll cung cấp thì -

1. Thêm google_analytics: UA-xxxxxxxx-xvào _config.yml của bạn
2. Tạo một tệp _includes / google-analytics.html và thêm mã js phân tích google trong đó.

Thay thế

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

với

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

và bạn đã sẵn sàng!

Mã phân tích google sẽ hiển thị nếu trang web của bạn được xây dựng trong môi trường sản xuất. Để tham khảo xem mã nguồn của mẫu tại đây - https://github.com/jekyll/minima

Bạn có thể làm theo cùng một cách tiếp cận nếu bạn đang sử dụng một mẫu khác bằng cách tham khảo mã nguồn của mẫu và thay thế các tệp tương ứng.

Tốt hơn là sử dụng GA-Beacon cho điều đó. GA-Beacon có thể theo dõi tất cả repo GitHub của bạn, ngay cả khi liên kết được truy cập không phải là tài liệu html.

Vui lòng kiểm tra: https://github.com/igrigorik/ga-beacon

Bạn có thể thêm Google Analytics vào một trang web Jekyll giống như bất kỳ trang web nào khác.

Đầu tiên, sau khi thiết lập tài khoản Google Analytics, hãy điều hướng đến tab quản trị viên.

Tiếp theo, bên dưới bảng điều khiển tài khoản, ở bên trái, nhấp vào : Create New Account.

Trong Google Analytics, một tài khoản đại diện cho một tập hợp các trang mà bạn muốn theo dõi. Thiết lập tài khoản của trang web như mong muốn.

Sau khi tài khoản của bạn được tạo, bạn sẽ được gửi đến một trang cho bạn biết Tracking IDvà có một đoạn mã JavaScript để bạn đưa vào các trang bạn muốn theo dõi. Chỉ cần đặt đoạn mã này vào tất cả các trang bạn muốn theo dõi. Hoặc, nếu bạn sử dụng bố cục mặc định, hãy đặt đoạn mã này ở đâu đó trong đó.

Nhân tiện, vì bạn đang lưu trữ trên Trang GitHub, bạn không cần Google Analytics trừ khi bạn muốn phân tích rất chi tiết. Nếu tất cả những gì bạn quan tâm là lượt xem trang thì GitHub có điều này.

Tôi sử dụng tệp README.md làm nguồn cho trang cá nhân GitHub của mình. Tôi cũng sử dụng một trong những chủ đề được hỗ trợ bởi GitHub 'cayman'. Không có thêm tệp nào được yêu cầu trong kho lưu trữ ngoài _config.yml (trừ khi bạn muốn sửa đổi chủ đề được hỗ trợ của mình).

Để thêm Google Analytics, tôi chỉ cần làm theo lời khuyên trong kho lưu trữ 'cayman' ( https://github.com/pages-theme/cayman ):

Cayman sẽ tôn trọng các biến sau, nếu được đặt trong _config.yml của trang web của bạn:

google_analytics: [ID theo dõi Google Analytics của bạn]

Dấu chấm! Còn gì nữa không! Mọi thứ đều hoạt động về phía Google Analytics! Nó có thể là một tùy chọn khả thi cho những ai tìm kiếm một trang GitHub nhanh chóng với Google Analytics.

Nếu bạn đang sử dụng trang github được tạo tự động từ github README.md, tôi thấy đây là cách dễ nhất: Chỉ cần chỉnh sửa _config.yml của bạn để trông như thế này (với id UA phân tích google của riêng bạn):

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

Sau đó, thêm một tệp mới vào thư mục gốc của kho lưu trữ có tên Gemfile với nội dung này:

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

Sau đó chờ một chút và làm mới trang github của bạn và hiển thị mã nguồn trang. Xác minh rằng plugin SEO đã chèn tập lệnh java phân tích của bạn. Thêm thông tin ở đây: https://github.com/jekyll/jekyll-seo-tag

Từ hướng dẫn cài đặt, tôi đã không phải thêm {% seo%} vào html, may mắn thay, vì tôi không có html. Github dường như đã nghĩ về điều đó.