Как добавить идентификатор отслеживания Google Analytics на страницы GitHub

Это может быть простой вопрос, но сейчас я полон сомнений по поводу добавления идентификатора отслеживания Google Analytics на страницу GitHub.

Я использую автоматический генератор страниц GitHub для создания своей страницы GitHub, но он запрашивает "Идентификатор отслеживания Google Analytics". Я пытался зарегистрироваться в Google Analytics, но там он запрашивает URL сайта.

Что мне теперь делать?

Еще один вопрос: можем ли мы добавить идентификатор отслеживания Google Analytics позже, после создания страницы GitHub?

Ответ 1

Обновление: добавлены описания шагов для других

Решил это:
пришлось включить username.github.io (ссылку, которую я хочу отслеживать) в разделе сайта Google Analytics.

Вы можете проверить страницу помощи GitHub здесь


enter image description here


После этого мне был предоставлен идентификационный номер трекера.


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

Ответ 2

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

  • Код отслеживания Universal Analytics вы найдете в разделе Admin > Property > Tracking Info > Tracking Code.

  • Создайте новый файл с именем analytics.html в папке _includes, найденной в вашем каталоге веб-сайтов Jekyll.

  • Добавьте идентификационный код отслеживания Google Analytics на analytics.html.

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

Ответ 3

Лучше использовать GA-Beacon для этого. GA-Beacon может отслеживать все ваши репозитории GitHub, даже если посещенная ссылка не является html-документом.

Пожалуйста, проверьте: https://github.com/igrigorik/ga-beacon

Ответ 4

Если вы используете шаблон минимума, предоставленный 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 Analytics теперь будет отображаться, если ваш сайт построен в производственной среде. Для справки смотрите исходный код шаблона здесь - https://github.com/jekyll/minima

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

Ответ 5

Вы можете добавить Google Analytics на сайт Jekyll так же, как и любой другой сайт.

Во-первых, после настройки учетной записи Google Analytics перейдите на вкладку admin.

navbar

Затем под панелью учетных записей слева нажмите: Create New Account.

add account

В Google Analytics учетная запись представляет собой набор страниц, которые вы хотите отслеживать. Настройте учетную запись веб-сайта по своему усмотрению.

После того, как ваша учетная запись была создана, вы будете отправлены на страницу, которая сообщит вам ваш Tracking ID, и у вас есть фрагмент кода JavaScript для размещения на страницах, которые вы хотите отслеживать. Просто разместите этот фрагмент на всех страницах, которые вы хотите отслеживать. Или, если вы используете макет по умолчанию, поместите этот фрагмент где-нибудь в нем.

Кстати, поскольку вы размещаете на страницах GitHub, вам не нужна Google Analytics, если вы не хотите очень детальной аналитики. Если все, что вам нужно, это просмотры страниц, которые GitHub имеет.

Ответ 6

Если вы используете автоматически сгенерированную страницу github из вашего github README.md, я нашел это самым простым способом: просто отредактируйте ваш _config.yml так, чтобы он выглядел так (с вашим собственным идентификатором UA 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-скрипт. Более подробная информация здесь: https://github.com/jekyll/jekyll-seo-tag

К счастью, из инструкции по установке мне не нужно было добавлять {% seo%} в html, потому что у меня нет html. Github, кажется, думал об этом.

Ответ 7

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

Чтобы добавить Google Analytics, я просто следовал совету в репозитории 'cayman' (https://github.com/pages-themes/cayman):

Cayman будет учитывать следующие переменные, если они установлены на вашем сайте _config.yml:

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

Полная остановка! Что-нибудь еще! Все работает на стороне Google Analytics! Это может быть приемлемым вариантом для тех, кто ищет быструю настройку страниц GitHub с помощью Google Analytics.

Ответ 8

Чтобы добавить идентификатор отслеживания Google Analytics на существующие страницы, вам не нужно добавлять код javascript отслеживания в index.html. Вам нужно изменить params.json в корневом каталоге ветки gh-pages.

params.json

{
  "name":"Datastream.github.com",
  "tagline":"my personal blog docs",
  "body":"some text goes here",
  "google":"",
  "note":"Don't delete this file! It used internally to help with page regeneration."
}

Вам нужно указать поле "google" независимо от вашего идентификатора Google Analytics (он начинается с UA -)