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

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

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

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

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

Если вы используете автоматически сгенерированную страницу 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, кажется, думал об этом.