Slate: Meilleure façon d'ajouter du code Google Analytics

Créé le 2 avr. 2015 · 3Commentaires · Source: slatedocs/slate

Quel est le moyen le plus efficace et le plus durable d'ajouter des fonctionnalités d'analyse Google sans les écraser à chaque build ou à chaque fois que nous fusionnons dans le dernier code ?

Nous pourrions éditer notre fork pour toujours ajouter le code google analytics à index.html pendant le processus de construction, mais je voulais voir ce que les autres font en premier.

Merci!

question

Source

KayLuke

Commentaire le plus utile

Depuis le 26/11/2015, voici le code que nous utilisons pour suivre les chargements de page et les interactions avec les liens de navigation :

<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>

Mettez ceci dans votre fichier layout.erb avant le </head>

ecaron le 26 nov. 2015

👍4

Tous les 3 commentaires

@KayLuke désolé que cette question ait été négligée ! Si vous le mettez dans votre layout.erb , vous devriez pouvoir rebaser vos modifications sur n'importe quelle modification Slate sans trop de problèmes, n'est-ce pas ?

Si vous parvenez à trouver une meilleure solution, je serais intéressé de savoir ce que c'est !

(Fermeture car c'est une question, mais n'hésitez pas à discuter ! :sourire :)

lord le 20 juin 2015

Depuis le 26/11/2015, voici le code que nous utilisons pour suivre les chargements de page et les interactions avec les liens de navigation :

<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>

Mettez ceci dans votre fichier layout.erb avant le </head>

ecaron le 26 nov. 2015

👍4

@ecaron ^ ooh, c'est assez intelligent, merci.

lord le 30 nov. 2015

Cette page vous a été utile?

0 / 5 - 0 notes