内容をスキップ

製造業・メーカー企業のコンサルティング、Web制作、BtoBマーケティング

Web活用経営株式会社
  • Web活用
  • コンサルティング
  • メタバースSpatial
    • ワールド製作専用Webサイト
    • Spatial研修・セミナー
    • Spatial日本語マニュアル
    • YouTube動画
  • ダウンロード
  • Web運用
    • Web運用について
    • BtoB向けeコマース&メタバース
    • 料金表
    • 実績・事例
    • 知識体系/ツール
      • Google対策(SEO)
      • Ahrefsについて
      • Web制作
      • Elementorについて
      • BowNowについて
    • Web人材育成
    • お試し診断
  • 動画
  • 会社案内
    • MVV
    • 会社概要
    • Q&A
    • ブログ
      • 製造業のWebマーケティング
      • SEO・Google対策
      • Web制作
      • オンライン工場見学
      • スタッフブログ
      • フィリピン(英語)
お問い合せ
お問い合せ
Web活用経営株式会社

エレメンター小技(2) Elementorで作ったWebサイトのheadやbodyにタグを挿入する

Home » Web制作 » Elementor動画講座 » エレメンター小技(2) Elementorで作ったWebサイトのheadやbodyにタグを挿入する

headやbodyにタグを入れる

Webサイトを運用していると、headやbodyの中に「タグ(コード)」を入れるシーンがでてきます。例えば、下記のようなコードを挿入することがあります。

 

  • Googleアナリティクスのトラッキングコード
  • GoogleやYahoo広告のコンバージョンタグやグローバルサイトタグ
  • BowNowのトラッキングコード

あまりにタグが多い場合は、Googleタグマネージャーや、Yahooタグマネージャーのような、「タグ」をまとめて管理するツールを導入する方が、あとからhead内が「ぐちゃぐちゃ」にならずに済みます。

 

ここでは、WordPress Elementorで作られたWebサイトに、簡単に「タグ(コード)」を入れる方法をご紹介します。(Elementor Proの機能です)

Custom Codeの作成

Elementor > Custom Codeから「新規Custom Code」をクリックします。

2. 新規Custom Code を追加をクリック

タグの挿入場所 Locationから挿入場所を選択します。この記事を書いている2022年1月時点では、Locationで選択できるのは、

head
body – Start
body – End

の3種類です。

挿入する場所を指定して、タグを 貼り付け

「公開」を押すと、公開範囲を設定するディスプレイコンディションが表示されます。サイト全体に反映するときは、「Entire Site」を選択します。※使用しているテーマによっては表示されないこともあります。

ディスプレイコンディション

完了です。簡単ですね!ブラウザからソースを表示し、タグがきちんと挿入されているか、確認しておきましょう。

あとからディスプレイコンディションを編集したい場合は、Custom Codeの編集画面右にある、「Conditions」から編集できます。

ディスプレイコンディション
  • 製造業ホームページ制作はこちら
Elementor 動画講座一覧へ
BowNow・Elementorニュース
毎月1~2回、BowNowとElementorに関する
新着情報をお届けします。
購読する
New

関連記事

エレメンターの小技 スクロールするスクショ

エレメンター小技(1) スクロールするスクリーンショットの作り方

記事を読む »
プレゼンテーション

Elementor(エレメンター)とは

記事を読む »
エレメンター3カラム

エレメンター小技(3) テキストの内容量が違っても上下が揃う3カラム作成

記事を読む »
CSVを読み込んで表を作成する

ElementorプラグインPowerPackで、CSVを読み込んで表を作成する

記事を読む »
画像ボックスのタイトルだけを左寄せにする

エレメンター小技(4) 画像ボックスのタイトルだけを左寄せにする

記事を読む »
SEO

SEO・検索対策について

記事を読む »
  • Web制作TOP
  • Elementor(エレメンター)とは
  • SEO・検索対策について
  • 製造業 Web制作について
メニュー
  • Web制作TOP
  • Elementor(エレメンター)とは
  • SEO・検索対策について
  • 製造業 Web制作について

Home » Web制作 » Elementor動画講座 » エレメンター小技(2) Elementorで作ったWebサイトのheadやbodyにタグを挿入する

Elementor
製造業 Web制作について
SEO・検索対策について
Web施策優先度診断
Elementor カテゴリー
  • ElementorとSEO (1)
  • ElementorとWeb制作マネジメント (1)
  • Elementor動画講座 (6)
  • SEO・Google対策 (4)
Elementor 新着記事
CSVを読み込んで表を作成する
ElementorプラグインPowerPackで、CSVを読み込んで表を作成する
2022年9月1日
画像ボックスのタイトルだけを左寄せにする
エレメンター小技(4) 画像ボックスのタイトルだけを左寄せにする
2022年2月4日
エレメンター3カラム
エレメンター小技(3) テキストの内容量が違っても上下が揃う3カラム作成
2022年1月29日
FAQスキーマ
WordPress Elementorと構造化マークアップ(FAQリッチリザルト編)
2022年1月26日
ニュースレター
中小製造業のデジタル戦略
  • バックナンバー
  • BowNow・Elementorニュースはこちら
Web活用経営株式会社

技術に対話を起こし、 より良い世界に貢献する。

BtoB専門 & 中小企業向けの、Webコンサルティング、MAツール導入、Web制作会社です。ものづくり企業がITを活用して営業を強化することを専門としています。

  • コンサルティング
  • Web制作
  • 無料コース
  • 営業DXおもちゃ箱
  • 料金表
  • ウェビナー
  • 会社案内
  • 優先度お試し診断
  • 利用登録
  • ニュースレター
  • お問い合わせ
  • サイトマップ
  • 187-0032 東京都小平市小川町1-2591-18
  • 042-508-2904
  • info@web-keiei.com
  • Web活用
  • コンサルティング
  • メタバースSpatial
    • ワールド製作専用Webサイト
    • Spatial研修・セミナー
    • Spatial日本語マニュアル
    • YouTube動画
  • ダウンロード
  • Web運用
    • Web運用について
    • BtoB向けeコマース&メタバース
    • 料金表
    • 実績・事例
    • 知識体系/ツール
      • Google対策(SEO)
      • Ahrefsについて
      • Web制作
      • Elementorについて
      • BowNowについて
    • Web人材育成
    • お試し診断
  • 動画
  • 会社案内
    • MVV
    • 会社概要
    • Q&A
    • ブログ
      • 製造業のWebマーケティング
      • SEO・Google対策
      • Web制作
      • オンライン工場見学
      • スタッフブログ
      • フィリピン(英語)