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

183

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

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

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

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

exexzian
источник
Довольно много предложенных подходов, но я пока не могу заставить / подтвердить какой-либо из них. Я надеюсь, что он начнет работать через 24 часа или около того.
Кристофер Д. Эмерсон
1
/ Headdesk. У меня был браузер Brave, блокирующий трекеры на моих сайтах. Это работало все время. Также меня смутил недавний (полу) недавний переход от ga (google analytics) к gtag (тег google). По-видимому, теперь вам нужен только gtag (), а не ga (). Весело. Эти ссылки помогли мне диагностировать мою проблему: chrome.google.com/webstore/detail/tag-assistant-by-google/… and analyticsmania.com/post/google-tag-manager-vs-google-analytics
Кристофер Д. Эмерсон
@ChrisEmerson, вот какое полезное обновление :)
exexzian
У меня были похожие проблемы с тем, что мои посещения не регистрировались, оказывается, за них отвечал AdBlock.
Эндрю Зоу

Ответы:

162

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

Решено:
пришлось включить 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, вы можете просмотреть его в разделе администратора, а затем на вкладке информации отслеживания )
exexzian
источник
1
Я добавил их, однако аналитики Google говорят, что отслеживание не установлено. Моя страница, как указано в G-Analytics,http://avi-aryan.github.io
Avi
1
@OhadR Ой, простите за это, если это не помогло вам
exexzian
1
К вашему сведению: я использовал ту же логику для редактирования, index.htmlчтобы добавить отслеживание конверсий в Твиттере. Спасибо!
pulkitsinghal
1
@ sc28 когда вы разместили аналитику на своей странице? Google обычно обновляет панель управления через некоторое время
exexzian
2
@ sc28 нет, обычно это занимает день или два .. проверка через день или два
exexzian
69

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

Colin
источник
5
Спасибо, отличный пост. Стоит отметить, что в GitHub Pages он устанавливается jekyll.environment == 'production'автоматически ( github.com/jekyll/jekyll/issues/1219 ), а среда Jekyll по умолчанию'development'
Andrea
У меня было _layouts/default.html, но это работало очень хорошо (я не знаком с Джекиллом)
Джои Барух
1
Спасибо большое сообщение.
Июня
16

Если вы используете шаблон минимума, предоставленный 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

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

romeo14
источник
2
Шаг 2 на самом деле не нужен. Проверьте документацию на github.com/pages-themes/minimal
KZU
16

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

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

Flimzy
источник
Это работает, но все мои записи в реальном времени поступили от Эшберна, Вирджиния. Даже когда я захожу на страницу локально ... очень далеко от VA.
Jtlindsey
@jtlindsey - Есть ли вероятность, что ваше изображение / пиксель кэшируется в CDN в Эшберн, Вирджиния?
pulkitsinghal
@pulkitsinghal Я не совсем уверен, этот пост был почти месяц назад, и я использовал его в течение нескольких недель, и данные всегда были Ashburn VA. Оглядываясь назад на мои данные, можно увидеть, что местоположение не задано для реального времени, но в истории есть запросы со всего мира, поэтому я не уверен, где ошибка. Я, вероятно, удалю его, потому что данные не верны.
Jtlindsey
5

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

Сначала после настройки учетной записи Google Analytics перейдите на вкладку администратора.

Navbar

Далее, под панелью счетов, на левой стороне , нажмите: Create New Account.

добавить аккаунт

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

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

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

0xcaff
источник
3
Я использую то, что отслеживание GitHub предназначено только для трафика в самом хранилище GitHub (включая исходный код). Репозиторий моего сайта GitHub Pages показывает только трафик на URL GitHub.
Ник МакКарди,
3

Я использую файл 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.

Сергей Зайцев
источник
1

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

Json
источник