Header & Footer Code
Google Analytics、Tag Manager、ピクセル、その他あらゆるコードを、管理画面からサイトの head または body に追加できます。テーマの編集は不要です。
プラグイン
Header & Footer Code
Google Analytics、Tag Manager、ピクセル、その他あらゆるコードを、管理画面からサイトの head または body に追加できます。テーマの編集は不要です。
インストール
2 つのステップ
- EmDash の管理画面で Registry を開き、Header & Footer Code を検索して Install をクリックします。権限は求められません。
- 左メニューの Header & Footer Code を開き、Setup タブで表示される短いブロックを、ベースレイアウト（通常は
src/layouts/Base.astro）の head に貼り付けます。サイトを他の人が作った場合は、そのブロックを送ってください。
以降のすべての作業は管理画面で行います。Common tags タブで ID を貼り付けるだけで Google Analytics、Tag Manager、Meta Pixel、Clarity を追加でき、Your code タブでは任意のコードを貼り付けられます。変更は 1 分以内にサイトへ反映されます。
よくある質問
このプラグインは何をしますか？
管理画面からサイトに小さなコード（Google Analytics、Tag Manager、Meta Pixel、チャットウィジェット、フォント、少しの CSS など）を追加できます。コードをどこに置くか、どのページに表示するかを選べ、いつでもオフにできます。テーマファイルを開く必要は一切ありません。
コードはどこに置けますか？
3 か所です。head、body の先頭、または body の末尾です。分析タグは head に置きます。チャットウィジェットやその他のほとんどのスクリプトは body の末尾に置きます。
一部のページだけにコードを表示できますか？
はい。各スニペットは、すべての場所、ホームページのみ、または /blog や /shop のような特定のパスで始まるアドレスのみに表示できます。
コードの知識は必要ですか？
よく使うものについては不要です。Common tags タブでは ID を貼り付けるだけで、プラグインがコードを書きます。対応しているのは Google Analytics、Google Tag Manager、Meta Pixel、Microsoft Clarity です。それ以外は、サービスから提供されたコードを Code ボックスに貼り付けてください。
Google Search Console や Bing の所有権確認はどうなりますか？
それは EmDash に組み込まれています。Settings、続いて SEO を開き、そこに確認コードを貼り付けてください。プラグインは不要です。
コードはどのようにサイトに届きますか？
Setup タブの短いブロックを、ベースレイアウトの head に 1 回だけ入れます。以降は、ここで追加したものが何でも読み込まれます。変更は 1 分以内に訪問者に届きます。Setup タブには、サイトが最後にコードを読み込んだ時刻が表示されます。
削除せずにオフにできますか？
はい。Turn off はコードを残したまま実行を止めます。Turn on で元に戻ります。Delete は完全に削除します。
サイトが遅くなりますか？
テーマ内のブロックは非常に小さく、ページごとに 1 回だけ実行されます。各スニペットにかかるコストは、テーマに直接貼り付けた場合とまったく同じく、コード自体のコストだけです。
変更履歴
0.1.0
- 初回リリース。head、body の先頭、body の末尾へのコード追加。すべての場所、ホームページ、または特定のパスで始まるアドレスに表示できます。
- ID だけで使える一般的なタグ：Google Analytics、Google Tag Manager、Meta Pixel、Microsoft Clarity。
- スニペットのオン・オフ、編集、削除。Setup タブには、サイトがコードを読み込んでいるかどうかが表示されます。