2

ここでは、gatsby で使用する場合は、次のように hotjar をセットアップする必要があると書かれています。

// In your gatsby-config.js
plugins: [
  {
    resolve: `gatsby-plugin-hotjar`,
    options: {
      id: YOUR_HOTJAR_ID,
      sv: YOUR_HOTJAR_SNIPPET_VERSION
    },
  },
]

私の初心者の質問は次のとおりです。ID /スニペットバージョンをそこに直接貼り付けることはできますか? または、セキュリティの問題について心配する必要があり、環境変数などを使用する必要がありますか?

4

1 に答える 1

2

そこに直接貼り付けることができます。

Hotjar の説明では、このスニペットをすべてのページの上部に追加するように言及されています

<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:99999999999999,hjsv:00000000000000};
//                          ^^^^^^^^^^^^^^      ^^^^^^^^^^^^^^
//                          SITE ID             SNIPPET VERSION

        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>

このプラグインは、ここで同じことを行っています。

どちらの実装も、Web サイトのソースを見ている人なら誰でも見ることができます。

于 2019-11-16T22:17:50.377 に答える