広告運用

【WordPress】設置箇所別に広告の貼り方をまとめてみた!(SWELL)

SWLLで広告を設置する

アドセンス審査に合格したものの、「広告の設置方法がイマイチよくわからない」とお悩みではありませんか?

一般的な広告の設置箇所としては、

・タイトル下
・目次上
・記事下
・記事中
・サイドバー

などがありますが、初心者の方にとっては、それぞれどこで設置したら良いのか少しわかりにくいですよね。

そこで今回は、SWELLユーザー向けに設置箇所別の広告の貼り方をご紹介いたします。

WordPressのどこから設置するの?

SWELLの広告の貼り方

まずは、それぞれの設置箇所が、WordPressのどこから設定できるのかをご紹介しますね。

・タイトル下
・記事下
・サイドバー

ダッシュボード『外観』→『ウィジェット』

・目次上
・記事中

⇒ダッシュボード『SWELL設定』

それでは、一つ一つ細かく見てしていきましょう!

設置箇所別!広告の貼り方(SWELL)

タイトル下

『広告管理』→『ウィジェット』

[SWELL]広告コード を、【記事上部】へドラッグ&ドロップします。

SWELL広告の設置方法(タイトル下)

 

「広告タグ:」にコードを貼り付け、

・PCのみ表示する
・SPのみ表示する 両方にチェックを入れ、「保存」をクリック。

SWELL広告の設置方法(タイトル下)2

コードの手前に、以下のコードを貼り付けておきましょう。

<center>スポンサーリンク<center>

※コピペ推奨

centerタグは「画面中央に寄せる」効果があり、「スポンサーリンク」の表記はこれが広告であることを示すものです。

これで、タイトル下への広告コードの設置が完了しました!

スポンサーリンクのラベルは必要
アドセンス広告に「スポンサーリンク」のラベル表記は必要?不要?サイトで収益化を目指している方は、Googleアドセンスの利用を一度は検討されたことがある方も多いのではないでしょうか? 中には、アド...

記事下

記事下についても、同様に『ウィジェット』から設定できます。

[SWELL]広告コード を、【記事下部】へドラッグ&ドロップします。

SWELL広告の設置方法(記事下)

 

「広告タグ:」にコードを貼り付け、

・PCのみ表示する
・SPのみ表示する 両方にチェックを入れ、「保存」をクリック。

SWELL広告の設置方法(記事下2)

これで、記事下への広告コードの設置が完了しました!

サイドバー

サイドバーについても、同様の手順です。

【共通サイドバー】に、[SWELL]広告コード をドラッグ&ドロップしていきましょう!

SWELL広告の設置方法(サイドバー)
サイドバーのそれぞれの項目は、ドラッグ&ドロップで好きに配置を入れ替えることができます。

「広告タグ:」にコードを貼り付け、

・PCのみ表示する
・SPのみ表示する 両方にチェックを入れ、「保存」をクリック。

SWELL広告の設置方法(サイドバー)2

これで、サイドバーへの広告コードの設置が完了しました!

目次上

目次上への設定方法は、ダッシュボード画面『SWELL設定』→『SWELL設定』→『広告コード』タグをクリック。

【目次広告】に広告コードを貼り付けていきましょう!

SWELL広告の設置方法(目次上)

最後に「変更を保存」しておきましょう。

これで、目次上への広告コードの設置が完了しました!

記事中

記事中への設定方法は、『SWELL設定』→『SWELL設定』→『広告コード』タグをクリック。

【記事内広告】に広告コードを貼り付けていきましょう!

SWELL広告の設置方法(記事内)

最後に「変更を保存」しておきましょう。

これで、記事中への広告コードの設置が完了しました!

記事中に広告を配置する方法

上記の方法で広告を設置すれば、

・タイトル下
・目次上
・記事下
・サイドバー

の4箇所については、全ての記事に自動反映されます。

 

一方で、記事中の広告のみ実際に設置したい箇所に、手動で差し込む必要があります。

ユミ
ユミ
設置方法は、とってもカンタン♬

『投稿』→『新規追加』。

本文中に[ad]と入力します。

SWELL広告の設置方法(記事内)2

[ad]

 

すると、先ほど設置した広告コードが自動的に呼び出されます。

試しに、記事の内容をプレビューしてみると・・・

SWELL広告の設置方法(記事内)3

このように表示されれば、OKです!

 

もし、以下の画像のように「スポンサーリンク」と広告の間に隙間ができてしまう場合は・・・

SWELL広告の設置方法(記事内)4

 

『SWELL設定』から以下の部分のコードを削除し、再度試してみてください。

SWELL広告の設置方法(記事内)5

 

通常、<center></center>はセットで使うものですが、</center>を入れると隙間が空いてしまう現象が発生しています。(2021年6月現在)

</center>を削除すると、<center>だけが残って見えてしまうものですが、これも見えないんですよね。(うーん、不思議・・・)

これがSWELL側の問題であれば、今後のアップデートなどで解消すると思われますので、こちらに関しては少し様子を見ていかれると良いですね。

あとがき

今回は、設置箇所別に広告の設定方法を解説していきました。

プラグインなしでSWELLの標準機能のみでセッティングできるのは、非常に便利ですね。

ぜひ本記事を参考に、広告の設置をサクッと済ませてしまいましょう!

\時間や場所にとらわれない働き方を叶えたいあなたへ/

ABOUT ME
ユミ
ブログコンサルタント(主にアドセンス)/複数のネット広告を組み合わせて、収益性の高いブログを作るのも得意/月収10~420万円の収入を得るコンサル生さんを輩出中/ブログで収入を得たい初心者の方へ、無料のメールマガジンを配信中
ブログでフリーランスになるための無料メルマガ
見てみる