アドセンス審査に合格したものの、「広告の設置方法がイマイチよくわからない」とお悩みではありませんか?
一般的な広告の設置箇所としては、
- タイトル下
- 目次上
- 記事下
- 記事中
- サイドバー
などがありますが、初心者の方にとっては、それぞれどこで設置したら良いのか少しわかりにくいですよね。
そこで今回は、SWELLユーザー向けに設置箇所別の広告の貼り方をご紹介いたします。
WordPressのどこから設置するの?
![SWELLの広告の貼り方](https://ym-life.com/wp-content/uploads/2021/06/2667bea80570ffa6a0ba9520fc553dca.jpg)
まずは、それぞれの設置箇所が、WordPressのどこから設定できるのかをご紹介しますね。
・タイトル下
・記事下
・サイドバー
⇒ダッシュボード『外観』→『ウィジェット』
・目次上
・記事中
⇒ダッシュボード『SWELL設定』
それでは、一つ一つ細かく見てしていきましょう!
設置箇所別!広告の貼り方(SWELL)
タイトル下
『広告管理』→『ウィジェット』
[SWELL]広告コード を、【記事上部】へドラッグ&ドロップします。
![SWELL広告の設置方法(タイトル下)](https://ym-life.com/wp-content/uploads/2021/06/a5a9987f2da7ec1464386a4784063f65.jpg)
「広告タグ:」にコードを貼り付け、
・PCのみ表示する
・SPのみ表示する
両方にチェックを入れ、「保存」をクリック。
![SWELL広告の設置方法(タイトル下)2](https://ym-life.com/wp-content/uploads/2021/06/e8c393b33639c8a686cd379bc2fca303-1.jpg)
コードの手前に、以下のコードを貼り付けておきましょう。
<center>スポンサーリンク</center>
※コピペ推奨
centerタグは「画面中央に寄せる」効果があり、「スポンサーリンク」の表記はこれが広告であることを示すものです。
これで、タイトル下への広告コードの設置が完了しました!
![](https://ym-life.com/wp-content/uploads/2021/06/615faf41d88f09314c44cedb547c154f-1-300x158.jpg)
記事下
記事下についても、同様に『ウィジェット』から設定できます。
[SWELL]広告コード を、【記事下部】へ、ドラッグ&ドロップします。
![SWELL広告の設置方法(記事下)](https://ym-life.com/wp-content/uploads/2021/06/e0d4ff7ee26c83ce0517474a2c4d14e0.jpg)
「広告タグ:」にコードを貼り付け、
・PCのみ表示する
・SPのみ表示する 両方にチェックを入れ、「保存」をクリック。
![SWELL広告の設置方法(記事下2)](https://ym-life.com/wp-content/uploads/2021/06/4e43857c105f7f105fe885aea4942ea8.jpg)
これで、記事下への広告コードの設置が完了しました!
複数の広告タグを一つの枠内に設置すると、稀にうまく保存できないことがあります。
その場合、別の[SWELL]広告コードを使うようにしていきましょう。
※スマホとPCで別々の広告タグを出したい場合は、スマホ用とPC用2つのボックスを作って、それぞれ「PCのみ表示する」「SPのみ表示する」にチェックを入れてください。
![SWELL「記事下」広告設置方法](https://ym-life.com/wp-content/uploads/2024/05/image-18.png)
サイドバー
サイドバーについても、同様の手順です。
【共通サイドバー】に、[SWELL]広告コード をドラッグ&ドロップしていきましょう!
![SWELL広告の設置方法(サイドバー)](https://ym-life.com/wp-content/uploads/2021/06/eb2b5174bd9cc2579dfeb077cf3e2d6e.jpg)
サイドバーのそれぞれの項目は、ドラッグ&ドロップで好きに配置を入れ替えることができます。
「広告タグ:」にコードを貼り付け、
・PCのみ表示する
・SPのみ表示する 両方にチェックを入れ、「保存」をクリック。
![SWELL広告の設置方法(サイドバー)2](https://ym-life.com/wp-content/uploads/2021/06/6b3ad4eac650d0405acfb27248e06d5e.jpg)
これで、サイドバーへの広告コードの設置が完了しました!
目次上
目次上への設定方法は、ダッシュボード画面『SWELL設定』→『SWELL設定』→『広告コード』タグをクリック。
【目次広告】に広告コードを貼り付けていきましょう!
![SWELL広告の設置方法(目次上)](https://ym-life.com/wp-content/uploads/2021/06/54f85011c9e9fe36354f5a13709f1dd4.jpg)
最後に「変更を保存」しておきましょう。
これで、目次上への広告コードの設置が完了しました!
記事中
記事中への設定方法は、『SWELL設定』→『SWELL設定』→『広告コード』タグをクリック。
【記事内広告】に広告コードを貼り付けていきましょう!
![広告コードの貼り方(記事内)](https://ym-life.com/wp-content/uploads/2021/06/a9e906cd57c10bda324781410a15e30b.jpg)
⚠記事内広告だけ、センタータグの設置箇所が異なります↓
<center>スポンサーリンク
広告タグ
</center> ←タグの一番後ろに設置。
※</center>を「スポンサーリンク」直後に設置すると、文字と広告の間が1行空いてしまいます。(これは不自然…)
![SWELL広告の設置方法(記事内)4](https://ym-life.com/wp-content/uploads/2021/06/86624fe00077aafa4c63c49437166c86.jpg)
</center>を一番後ろに設置することで、この状態を回避することができますよ。
![広告コードの貼り方2(記事内)](https://ym-life.com/wp-content/uploads/2021/06/a9199b875b2f238438f1882f675f01e0.jpg)
最後に「変更を保存」しておきましょう。
これで、記事中への広告コードの設置が完了しました!
記事中に広告を配置する方法
上記の方法で広告を設置すれば、
・タイトル下
・目次上
・記事下
・サイドバー
の4箇所については、全ての記事に自動反映されます。
一方で、記事中の広告のみ実際に設置したい箇所に、手動で差し込む必要があります。
![](https://ym-life.com/wp-content/uploads/2021/04/バストアップ8(丸)-150x150.png)
設置方法は、とってもカンタン♪
『投稿』→『新規追加』。
本文中にショートコードを入力します。
![SWELL広告の設置方法(記事内)2](https://ym-life.com/wp-content/uploads/2021/06/05f4855b6aeb9f29369dcc3eba19a1b7.jpg)
![SWELL広告の設置方法(記事内)2](https://ym-life.com/wp-content/uploads/2021/06/05f4855b6aeb9f29369dcc3eba19a1b7.jpg)
すると、先ほど設置した広告コードが自動的に呼び出されます。
試しに、記事の内容をプレビューしてみると・・・
![SWELL広告の設置方法(記事内)3](https://ym-life.com/wp-content/uploads/2021/06/f1995ce23aa7e33e3387690adbbd0881.jpg)
![SWELL広告の設置方法(記事内)3](https://ym-life.com/wp-content/uploads/2021/06/f1995ce23aa7e33e3387690adbbd0881.jpg)
このように表示されれば、OKです!
![](https://ym-life.com/wp-content/uploads/2021/08/297e7e0f785c007cdfa01da7c76ad8e8-300x158.jpg)
![](https://ym-life.com/wp-content/uploads/2021/08/297e7e0f785c007cdfa01da7c76ad8e8-300x158.jpg)
あとがき
今回は、設置箇所別に広告の設定方法を解説していきました。
プラグインなしでSWELLの標準機能のみでセッティングできるのは、非常に便利ですね。
ぜひ本記事を参考に、広告の設置をサクッと済ませてしまいましょう!
コメント