Webサイトを運用していると、headやbodyの中に「タグ(コード)」を入れるシーンがでてきます。例えば、下記のようなコードを挿入することがあります。
- Googleアナリティクスのトラッキングコード
- GoogleやYahoo広告のコンバージョンタグやグローバルサイトタグ
- BowNowのトラッキングコード
あまりにタグが多い場合は、Googleタグマネージャーや、Yahooタグマネージャーのような、「タグ」をまとめて管理するツールを導入する方が、あとからhead内が「ぐちゃぐちゃ」にならずに済みます。
ここでは、Elementorで作られたWebサイトに、簡単に「タグ(コード)」を入れる方法をご紹介します。(Elementor Proの機能です)
Custom Codeの作成
Elementor > Custom Codeから「新規Custom Code」をクリックします。
head
body – Start
body – End
の3種類です。
「公開」を押すと、公開範囲を設定するディスプレイコンディションが表示されます。サイト全体に反映するときは、「Entire Site」を選択します。※使用しているテーマによっては表示されないこともあります。
完了です。簡単ですね！ブラウザからソースを表示し、タグがきちんと挿入されているか、確認しておきましょう。
あとからディスプレイコンディションを編集したい場合は、Custom Codeの編集画面右にある、「Conditions」から編集できます。
