Für die Verwendung von google analytics vom jade-Datei

Ich will zu verfolgen, die Nutzer meiner website. Da ich nicht über eine altmodische HTML-Datei, sollte passe ich den angegebenen code an der jade-syntax oder kann lasse ich das Skript unberührt, und schließen Sie ihn irgendwie?

In Fall brauche ich es konvertieren zu jade-syntax, können diese automatisch erzeugt durch irgendein tool.

<script>
   (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-XXXXXXXX-X', 'domain.com');
  ga('send', 'pageview');
</script>

Hey, fügte eine andere Möglichkeit, dies zu tun. hoffe es hilft dir.

InformationsquelleAutor NSMutableString | 2013-08-13

53

Anstatt es anderen code-Datei und laden Sie es. Inline (wie Trevor vorgeschlagen ist besser).

Um dies zu erreichen, müssen Sie Gebrauch machen von der script. tag.... nicht nur script

Siehe unten:
```
script.
            (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-11111111-1', 'yourdomain.com');
            ga('send', 'pageview');
```
Stellen Sie sicher, dass der Abstand und so ist eigentlich eingerückt eine Registerkarte aus Ihren Sachen
- Dieser arbeitete für mich, danke.
- Das gibt mir ein unerwartetes token-Fehler ";"
- Nicht für mich arbeiten, google tag-Assistent sagt, " analytics-code avaialble, aber nicht ausführen. "Nein httpresponse erkannt'
- Stellen Sie sicher, dass Ihr Abstand ist konsistent
InformationsquelleAutor BRogers
12

War die Lösung einfach.

Schritt 1: ich erstellte eine Datei namens "analytics.js" und platziert den code zwischen den script-tags. Keine Konvertierung von jade-syntax erforderlich.

Schritt 2: ich referenzierte das Skript von der jade-Datei
```
script(src='/js/analytics.js')
```
- Ist dies nicht eine große Lösung. Jetzt haben Sie zum senden einer Datei über das Netzwerk nur für analytics. Inlining-viel besser wäre.
- Vereinbart, inlining ist ein besserer Ansatz als der Aufruf eine ganze separaten Datei.
- OTOH, wenn das Google analytics-Skript jemals ändert dies ist einfacher und die Art und Weise robuster zu aktualisieren.
- Dies funktionierte gut für mich. Ich glaube nicht, dass inlining, es wäre eine gute Lösung die ganze Zeit. Habe ich nur auf einer sehr kleinen Seite, aber.
- Wenn Sie inlining eine master-Seite anzeigen, sind Sie gut zu gehen, an einem Ort zu ändern 😉
InformationsquelleAutor NSMutableString
6

Wie gesagt, geht hier vor, indem die GA-snippet inline in Ihren Dateien wird empfohlen, da die GA-snippet wird eigentlich Aufruf einer anderen Datei (www.google-analytics.com/analytics.js), so ist es ein bisschen eine Verschwendung, um eine js-Datei, die BEKOMMEN dann die Google ein.

Jedoch - wenn Sie möchten, um Ihr layout.jade sauber (und Sie sollten), setzen Sie das code-snippet BRogers schrieb (der, der beginnt mit "Skript.") in einer separaten Datei, nennen Sie es, googleAnalytics.jade, und in Ihrem layout.jade gehören einfach :
```
include partials/googleAnalytics
```
(natürlich partials ist so, wie ich Ordner meine Ansichten, das ist bis zu Ihnen)

Wird dies bedeuten, dass die GA-snippet wird in den Seiten auf dem server, sparen Sie sich die zusätzliche BEKOMMEN, aber immer noch halten Sie Ihr layout.jade nett und sauber.

InformationsquelleAutor AvnerSo
1

Nun ist es der Mops. Dennoch.
Können Sie einfach schließen .html-Datei mit allen google-analytics-code.
```
include includes/google_analytics.html
```
InformationsquelleAutor Oleg Frolov
1

Im Fall, das Sie noch hinzufügen möchten, ist es inline-Weg, hier ist die Kernaussage, ich verwende 4 Leerzeichen für die Einrückung, nennen Sie es, wie diese +ga('yourid12345')

Auch hier ist Mops google analytics mixin, das wird Ausgabe Skript finden Sie in HTML5 boilerplate.

InformationsquelleAutor antlis

2019 GTag Update

Den traditionellen GA-Skript wird ersetzt durch diese neue GTAG Skript

script(async='', src='https://www.googletagmanager.com/gtag/js?id=UA-11111111-1')
script.
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'UA-11111111-1');

InformationsquelleAutor PirateApp

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.