Ionic 4 + Stenciljs - добавлена ​​поддержка Google Analytics - PullRequest
Новая
       37

Ionic 4 + Stenciljs - добавлена ​​поддержка Google Analytics

0 голосов
/ 13 марта 2019

Я играю с интересным набором фреймворков Ionic и Stenciljs - я не хочу добавлять туда что-нибудь еще (без угловых, vue и т. Д.), И из-за этого у меня возникают некоторые проблемы.

В настоящее время я пытаюсь понять, как я могу добавить аналитику Google в свое приложение, а также как я могу отслеживать дополнительные действия с веб-компонентами (например, изменения ионного радио, ионные слайды и действия там). Я надеялся, что смогу справиться с этим с помощью трафаретной маршрутизации - но я не могу без угловых.

Я потерян.

Я не могу ничего найти без углов - я думаю, что единственный вариант, который я вижу, - это добавление фрагмента js из Google - но может ли это быть правдой?

1 Ответ

0 голосов
/ 13 марта 2019

Таким образом, решение проще, чем ожидалось.Вам не нужна дополнительная инфраструктура - вы можете сделать это следующим образом:

в вашем файле index.html: 

<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
  //TODO: change to prod tracking ID!
  ga('create', 'UA-XXXX-X', 'auto');

  // Replace the following lines with the plugins you want to use.
  ga('require', 'eventTracker');
  ga('send', 'pageview');
  </script>
  <script async src="https://www.google-analytics.com/analytics.js"></script>
  <script async src="/assets/js/autotrack.js"></script>

Затем в каждом компоненте вам нужно отслеживать действия, которые вы должны выполнить.добавить несколько тегов, мой пример: 

<ion-button class="onboardin-action-button" slot="start" onClick={() => this.skipButtonClickHandler()} ga-on="click" ga-event-category="Onboarding" ga-event-action="skipped" >Skip </ion-button>

Где: ga-on -> действия, которые мы отслеживаем ga-event-category -> определенная нами категория события, которая будет отображаться в GA-ga-event-action -> определенное нами событие action, которое будет видно в GA

Надеюсь, что кому-то поможет :)

...