Як додати ідентифікатор відстеження Google Analytics на сторінки GitHub

Це може бути простим запитанням, але я зараз сповнений сумнівів щодо додавання ідентифікатора відстеження Google Analytics на сторінку GitHub .

Я використовую автоматичний генератор сторінок GitHub для створення своєї сторінки GitHub, але вона запитує "Ідентифікатор відстеження Google Analytics". Я спробував зареєструватися в Google Analytics, але там він запитує URL-адресу веб-сайту.

Тепер, що я повинен робити?

Ще одне питання: чи можна додати ідентифікатор відстеження Google Analytics згодом після створення сторінки GitHub?

Оновлення : додано описи кроків для інших

Вирішили:
довелося включити username.github.io(посилання, яке я хочу відстежувати) у розділі веб-сайту Google Analytics.

ви можете переглянути сторінку довідки GitHub тут

Після цього мені надали ідентифікатор відстежувача.

Примітка. Ви можете легко змінити або додати більше веб-сайтів на сторінці 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, ви можете переглядати його під адміністратором, а потім відстежувати інформацію на вкладці)

Для всіх, хто цікавиться, якщо ви користуєтесь Jekyll на сторінках GitHub, я щойно написав публікацію, в якій показано, як правильно додати ідентифікатор відстеження Google Analytics до Jekyll .

1. Ви знайдете код відстеження Universal Analytics у розділі Адміністратор> Властивість> Інформація про відстеження> Код відстеження.

2. Створіть новий файл, викликаний analytics.htmlу _includesпапці, знайденій у каталозі вашого веб-сайту Jekyll.

3. Додайте ідентифікаційний код відстеження Google Analytics до analytics.html.

4. Нарешті, відкрийте _layouts/head.htmlта додайте {% include analytics.html %}безпосередньо перед кінцевим </head>тегом. Google рекомендує це місце розташування для правильного відстеження всіх сторінок вашого веб-сайту.

Якщо ви використовуєте шаблон мінімуму, наданий Jekyll, тоді -

1. Додайте google_analytics: UA-xxxxxxxx-xдо свого _config.yml
2. Створіть файл _includes / google-analytics.html і додайте до нього код js google analytics.

Замініть

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

з

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

і ти налаштований!

Код аналітики google тепер з’явиться, якщо ваш сайт побудований у виробничому середовищі. Для ознайомлення див. Вихідний код шаблону тут - https://github.com/jekyll/minima

Ви можете дотримуватися того ж підходу, якщо ви використовуєте інший шаблон, посилаючись на вихідний код шаблону та замінивши відповідні файли.

Краще використовувати для цього GA-Beacon. GA-Beacon може відслідковувати все ваше репортаж GitHub, навіть якщо відвідане посилання не є html-документом.

Перевірте: https://github.com/igrigorik/ga-beacon

Ви можете додати Google Analytics до сайту Jekyll так само, як і будь-який інший сайт.

Спочатку після налаштування облікового запису Google Analytics перейдіть до вкладки адміністратора.

Далі, під панеллю рахунків, на лівій стороні , натисніть: Create New Account.

У Google Analytics обліковий запис представляє набір сторінок, які ви хочете відстежувати. Налаштуйте обліковий запис веб-сайту за бажанням

Після того як ваш обліковий запис буде створений, ви будете надіслані на сторінку, яка повідомляє вам про свій Tracking IDі має фрагмент JavaScript для розміщення на сторінках, які ви хочете відстежувати. Просто розмістіть цей фрагмент на всіх сторінках, які ви хочете відстежувати. Або якщо ви використовуєте макет за замовчуванням, покладіть цей фрагмент десь у ньому.

До речі, оскільки ви розміщуєте сторінки на GitHub, вам не потрібна Google Analytics, якщо ви не хочете дуже детальної аналітики. Якщо все, що вам цікаво, - це перегляд сторінок у GitHub.

Я використовую файл README.md як джерело для моєї особистої сторінки GitHub. Я також використовую одну з тем, що підтримуються GitHub, "кайман". Більше файлів у сховищі не потрібно, крім _config.yml (якщо ви не бажаєте змінювати підтримувану тему).

Щоб додати Google Analytics, я просто дотримувався порад у сховищі "cayman" ( https://github.com/pages-themes/cayman ):

Якщо він встановлений у _config.yml вашого сайту, Cayman поважатиме такі змінні:

google_analytics: [Ваш ідентифікатор відстеження Google Analytics]

Повна зупинка! Щось іще! Все працює на стороні Google Analytics! Це може бути життєздатним варіантом для тих, хто шукає швидкої настройки GitHub Pages за допомогою Google Analytics.

Якщо ви використовуєте автоматично створену сторінку github зі свого github README.md, я вважаю, що це найпростіший спосіб: просто відредагуйте свій _config.yml, щоб він виглядав так (із власним ідентифікатором google analytics UA):

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 вставив ваш скрипт Java Analytics для аналітики. Більше інформації тут: https://github.com/jekyll/jekyll-seo-tag

З інструкції по установці мені не довелося додавати {% seo%} у html, на щастя, тому що у мене немає html. Здається, Гітхуб подумав про це.