「オーバーレイ広告をおすすめされたけど、どこにタグを設置したら良いの?」
「headタグやbodyタグって何?」
そんな疑問をお持ちの方も多いのではないでしょうか?
そこで今回は、JIN、STORK、SANGOユーザー向けに、WordPressでのそれぞれの設置方法をご紹介いたします。
オーバーレイ広告とは?
オーバーレイ広告は、閲覧している画面上に固定されて表示されるネット広告のこと。
![オーバーレイ広告](https://ym-life.com/wp-content/uploads/2020/07/オーバーレイ広告.jpg)
掲載イメージ(320×100pxサイズ)
主にモバイル(スマホ)ユーザー向けに提供されています。
画面をスクロールしても常に広告が表示されていることから、ユーザーの視認率が高く、収益も上がりやすいタイプの広告です。
また、会社によっては数十秒ごとに新しい広告に切り替わったり(リフレッシュ機能)、動画広告が配信(再生)されることもあります。
headタグとbodyタグについて
![headタグとbodyタグ](https://ym-life.com/wp-content/uploads/2020/07/headタグとbodyタグ.jpg)
headとは?
オーバーレイ広告を設置する際、広告会社の担当者から「head内にタグを設置してください」と、そのサイト用に作成いただいたタグを渡されることが多いです。
head内とは、ウェブページ内でいう<head>~</head>の間の部分のこと。
基本的にこの中に入れた情報はコンピューターが読み取るため、私たちがページを見る中でコードの情報を目にすることはありません。(※title要素は別)
そして、この部分はヘッダ情報を記述する場所ですので、ここに広告タグを入れることで、サイト内の全てのページに広告を反映させることができます。
bodyとは?
対してbodyとは、ブラウザに表示される私たちが普段目にする部分です。
見出しタグや段落タグをここに記載することで、サイト上に文章を表示させることができます。
会社によっては、このbody内<body>~</body>にも、併せて広告タグの設置を依頼されるケースもあります。
初心者の方には少し説明が難しく感じられるかもしれませんが、「オーバーレイ広告を入れるには、head内やbody内にタグを設置する必要があるんだな」くらいライトに捉えていただければ、とりあえずOKです。
さらに詳しく勉強してみたい方は、以下の記事をご覧ください。
![](https://ym-life.com/wp-content/uploads/2022/04/f599ee6ee5f2b5c83f446f637f6557bf-1.jpg)
オーバーレイ広告の設置方法
JIN
JINでオーバーレイ広告を設置する方法は、とってもカンタンです。
headタグを記載する機能が標準搭載されています。
『HTMLタグ設定』
- 【head内】
- 【bodyタグの終わり】
![オーバーレイ広告の設置方法(JIN)](https://ym-life.com/wp-content/uploads/2020/07/%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%83%AC%E3%82%A4%E5%BA%83%E5%91%8A%E3%81%AE%E8%A8%AD%E7%BD%AE%E6%96%B9%E6%B3%95%EF%BC%88JIN%EF%BC%89-1.jpg)
広告タグ貼り付けたら、『変更を保存』して設定は完了です。
STORK
STORKの場合も、設置は比較的カンタンですよ。
『外観』→『カスタマイズ』
![オーバーレイ広告の設置方法(STORK)](https://ym-life.com/wp-content/uploads/2020/07/%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%83%AC%E3%82%A4%E5%BA%83%E5%91%8A%E3%81%AE%E8%A8%AD%E7%BD%AE%E6%96%B9%E6%B3%95%EF%BC%88STORK%EF%BC%89.jpg)
『headタグ・アクセス解析コード』をクリックします。
![オーバーレイ広告の設置方法(STORK)2](https://ym-life.com/wp-content/uploads/2020/07/%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%83%AC%E3%82%A4%E5%BA%83%E5%91%8A%E3%81%AE%E8%A8%AD%E7%BD%AE%E6%96%B9%E6%B3%95%EF%BC%88STORK%EF%BC%892.jpg)
<head>タグ内にheadタグを、<body>タグの後ろにはbodyタグをそれぞれ貼り付けましょう!
![オーバーレイ広告の設置方法(STORK)3](https://ym-life.com/wp-content/uploads/2020/07/%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%83%AC%E3%82%A4%E5%BA%83%E5%91%8A%E3%81%AE%E8%A8%AD%E7%BD%AE%E6%96%B9%E6%B3%95%EF%BC%88STORK%EF%BC%893.jpg)
最後に『公開』ボタンを押せば設定完了です。
SANGO
SANGOユーザーは、headタグとbodyタグの設置箇所が異なります。
headタグについては、STORKと同じく『外観』→『カスタマイズ』を選択し、『詳細設定』をクリック。
![オーバーレイ広告の設置方法(SANGO)](https://ym-life.com/wp-content/uploads/2020/07/%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%83%AC%E3%82%A4%E5%BA%83%E5%91%8A%E3%81%AE%E8%A8%AD%E7%BD%AE%E6%96%B9%E6%B3%95%EF%BC%88SANGO%EF%BC%89.jpg)
『headタグ内にコードを挿入』にheadタグを設置し、『公開』をクリックすれば設置は完了です!
![オーバーレイ広告の設置方法(SANGO)2](https://ym-life.com/wp-content/uploads/2020/07/%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%83%AC%E3%82%A4%E5%BA%83%E5%91%8A%E3%81%AE%E8%A8%AD%E7%BD%AE%E6%96%B9%E6%B3%95%EF%BC%88SANGO%EF%BC%892.jpg)
次に、bodyタグの設置についてです。
『外観』→『テーマエディター』をクリック。
![オーバーレイ広告の設置方法(SANGO)3](https://ym-life.com/wp-content/uploads/2020/07/%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%83%AC%E3%82%A4%E5%BA%83%E5%91%8A%E3%81%AE%E8%A8%AD%E7%BD%AE%E6%96%B9%E6%B3%95%EF%BC%88SANGO%EF%BC%893.jpg)
『テーマフッター(footer.php)』の</body>の手前に、bodyタグを貼り付けていきましょう!
![オーバーレイ広告の設置方法(SANGO)4](https://ym-life.com/wp-content/uploads/2020/07/%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%83%AC%E3%82%A4%E5%BA%83%E5%91%8A%E3%81%AE%E8%A8%AD%E7%BD%AE%E6%96%B9%E6%B3%95%EF%BC%88SANGO%EF%BC%894.jpg)
※bodyタグ内に設置すればOKですので、<body>直後のheader.phpで設置することもできます。
最後に、『ファイルを更新』しておきましょう!
テーマエディターから設定した場合、テーマの更新があった際に設定がリセットされることがあります。
そのため、可能であれば子テーマでの設置をおすすめいたします。
SANGOの子テーマの設置はこちらから
![](https://saruwakakun.com/sango/wp-content/uploads/2017/09/dfaggg-07-min-1024x584.png)
※外部サイトに飛びます
他のテーマでheadタグを設置するには?
JINやSTORK、SANGOのように、標準機能でheadタグを貼り付ける箇所があれば簡単なのですが、テーマによっては直接テーマエディターを編集する必要があります。
ここでは、その設置方法もご紹介しておきますね!
『外観』→『テーマエディター』をクリック。
![headタグの設置方法](https://ym-life.com/wp-content/uploads/2020/07/head%E3%82%BF%E3%82%B0%E3%81%AE%E8%A8%AD%E7%BD%AE%E6%96%B9%E6%B3%95.jpg)
- テーマエディター(header.php)を選択
- Ctrl + Fで検索機能を呼び出し、/headで検索(Macの場合は、command + F)
- headタグの終わりが見つかります。
</head>が見つかれば、その前に改行を入れて・・・
![headタグの設置方法2](https://ym-life.com/wp-content/uploads/2020/07/head%E3%82%BF%E3%82%B0%E3%81%AE%E8%A8%AD%E7%BD%AE%E6%96%B9%E6%B3%952.jpg)
その改行した箇所に、広告会社から送られてきたhead用のタグを追加。
![headタグの設置方法3](https://ym-life.com/wp-content/uploads/2020/07/head%E3%82%BF%E3%82%B0%E3%81%AE%E8%A8%AD%E7%BD%AE%E6%96%B9%E6%B3%953.jpg)
最後は、忘れず『ファイルを更新』しておきましょう!
あとがき
headタグやbodyタグなど、一見難しく感じられるオーバーレイ広告の設置作業ですが、意外とカンタンでしたね!
うまく利用すればサイトの収益性向上に大きく貢献してくれる広告ですので、ぜひこの記事を参考に設置してみてください。
コメント