Slate: Der beste Weg, um Google Analytics-Code hinzuzufügen

Erstellt am 2. Apr. 2015  ·  3Kommentare  ·  Quelle: slatedocs/slate

Was ist der beste und nachhaltigste Weg, um Google Analytics-Funktionen hinzuzufügen, ohne sie bei jedem Build oder beim Zusammenführen des neuesten Codes zu überschreiben?

Wir könnten unseren Fork bearbeiten, um während des Build-Prozesses immer den Google Analytics-Code zu index.html hinzuzufügen, aber ich wollte zuerst sehen, was andere tun.

Vielen Dank!

question

Hilfreichster Kommentar

Ab dem 26.11.2015 verwenden wir den folgenden Code, um Seitenaufrufe und Interaktionen mit Navigationslinks zu verfolgen:

<script>
//This is Google's default GA code
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-YOURKEY', 'auto');
ga('send', 'pageview');
//This does hash-click tracking (inspired by http://stackoverflow.com/a/4813223)
$(document).ready(function() {
  $('.tocify-item a').on('click', function(){
    ga('send', 'pageview', {'page': location.pathname + location.search  + location.hash});
  });
});
</script>

Fügen Sie dies in Ihre layout.erb-Datei vor dem </head>

Alle 3 Kommentare

@KayLuke Entschuldigung, dass diese Frage übersehen wurde! Wenn Sie es in Ihr layout.erb einfügen, sollten Sie Ihre Änderungen ohne großen Aufwand auf Slate-Änderungen umbasieren können, oder?

Wenn Sie eine bessere Lösung gefunden haben, würde mich dies interessieren!

(Schließen, weil es eine Frage ist, aber diskutieren Sie gerne! :lächeln:)

Ab dem 26.11.2015 verwenden wir den folgenden Code, um Seitenaufrufe und Interaktionen mit Navigationslinks zu verfolgen:

<script>
//This is Google's default GA code
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-YOURKEY', 'auto');
ga('send', 'pageview');
//This does hash-click tracking (inspired by http://stackoverflow.com/a/4813223)
$(document).ready(function() {
  $('.tocify-item a').on('click', function(){
    ga('send', 'pageview', {'page': location.pathname + location.search  + location.hash});
  });
});
</script>

Fügen Sie dies in Ihre layout.erb-Datei vor dem </head>

@ecaron ^ ooh, das ist ziemlich clever, danke.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

josecelano picture josecelano  ·  7Kommentare

kevingoyal picture kevingoyal  ·  15Kommentare

arrkaye picture arrkaye  ·  7Kommentare

nastradamus39 picture nastradamus39  ·  7Kommentare

vinothkumar-k picture vinothkumar-k  ·  4Kommentare