を使用したGoogle Analyticsの追加

通常のフロントエンドdevの場合、これは簡単な修正です.ちょうどあなたの頭にいくつかのスクリプトを追加し、あなたの陽気な方法ですることができます.しかし、あなたが迅速な開発者がPublishingで遊ぶならば、それは少し異なります.まだかなり簡単です.
それで、あなたはあなたの出版されたウェブサイトを行って準備ができています、しかし、現在、あなたはGoogle Analyticsまたは他のAnalyticsウェブサイトで若干のものを追跡したいです?この簡単なチュートリアルを助ける必要があります!
いくつかのフロントエンドの経験がある場合は、これらのスクリプトがどのように構築されているかを意識しているので、間違いなく役立つでしょう.しかし、私自身のような誰かのために(最初の言語は速いです)、それは少し混乱することができます.Publishingは、我々がジャフィーでウェブサイトをつくるのを援助するものすごいツールです、そして、我々は標準的なHTMLタグなし問題を使うことができます.しかし、スクリプトは少しの獣です、そして、それは私に若干の試行錯誤をしました.

トラッキングコードの取得

まず最初に、Google Analyticsに登録し、ログインするまですべての手順に従ってください.これはかなり標準です、そして、Googleはすでにあなたに問題がないはずです.あなたがそうするならば、[email protected]に知らせてください
次に、Analyticsを使用して追跡するすべてのHTMLに挿入されるトラッキングコードを取得する必要があります.これは、Googleのダッシュボード内の管理メニューに移動し、追跡情報を追跡する情報によって行われます.

そのページでは、以下のスニペットのようにいくつかのコードを見つけるべきです.そのすべてをコピーし、迅速に取得しましょう!

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-111111111-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-111111111-1');
</script> 

ヘッドスクリプトの追加

今私たちは楽しいものになる!このトラッカーを複数ページに追加するためにノードに拡張子を作成するつもりです.
だから、あなたのテーマファイル、またはデフォルトの財団のテーマには、その1つを使用してください.どのような場合でも、ホームページHTMLを生成するMadeIndexXHTML関数を見つけることができます.
そこに、あなたのテーマ拡張のトップと外側の近くに、次のコードを追加します.

public extension Node where Context == HTML.DocumentContext {

static func googleTrackerHead() -> Node {
    .head(
    .script(
    .src("https://www.googletagmanager.com/gtag/js?id=UA-111111111-1")),
    .script(
    """
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-111111111-1');
    """
    ))
}}
//
//
//
// public extension Theme { . . .

あなたがGoogle Analyticsから得たコードを使用して、あなた自身のトラッカー情報で上記のコードのストリングを取り替えてください.
さて、一般的には、ノード+拡張子のように、別の高速なファイルに拡張子を持つべきです.迅速または類似.しかし、このために、私は同じテーマファイルにそれを配置します.
を返す関数を作成しました.頭はいつでも呼ばれるので、次に我々はそれを呼び出す必要があります!
内部のfunc makeindexhtml ( index :)と現在の. headの下で、新しく作成した関数を追加します.

....
//.lang(context.site.language),
//.head(for: index, on: context.site, stylesheetPaths: stylePaths),
.googleTrackerHead(),
//.body(
....

私は、あなたが編集してはならない現在のコードをコメントアウトしました、ちょうどあなたがどこで我々の新しい機能を置くかについて見ることができるように.

待ち受けゲーム

今、我々は待機ゲームをプレイ.🕰 あなたがすべてを正しくしたならば、あなたは一日かそこらの後にGoogle Analyticsで若干の情報を得始めなければなりません.
そこからスクリプトを受け取ったページには、送信テストボタンがあり、いくつかの結果を表示するには30秒かかると言いますが、私にとってはずっと長くなりました.
読んでくれてありがとう、素敵な人!♥️ フックの上にフック?