ここでは、Googleアドセンス広告をダブルレクタングルで2つ横並びに貼る方法(カエテンWP)を紹介する。
Googleアドセンス広告をダブルレクタングルで横並びに貼る
まず、Googleアドセンス広告をダブルレクタングルにして、記事下などに貼る方法としては、様々あるが基本的にめんどくさいのだ。
なぜなら、スマホで見たときにアドセンス広告は連続して表示してはならないからで、普通に貼ってはダメだと言われていたからだ(最近だと、規約変更で良いようなことも言われているが、スマホでは一方だけ表示した方が無難である)。
そうなると、ウィジェットなどが不足しているテンプレートを使用している方などは、PHPなどにコードを追加しなければならないようなので、大変だ。
Googleアドセンスの広告自体(コード)をいじって、片方をスマホでは非表示にするといった方法もあるようだが、実際にやってみたのだが難しかったのでやめました。
しかし、SEOテンプレート(カエテンWPなど)と呼ばれるものには、あらかじめ記事下などの広告位置にダブルレクタングルで横並びにできるようなシステムとなっているものもあるので、私はこれを使用してアドセンス広告を設置した。
こうしたときに、SEOテンプレート(カエテンWPなど)は役に立つ。
カエテンWP-JOYのインストール方法
参考➡WordPressに「カエテンWP」と「STINGER」のテーマ(テンプレート)をインストールする方法
カエテンWPでアドセンス広告を2つ横並びにする
では、カエテンWPでアドセンス広告を2つ横並びにする。
なのでまずは、アドセンス広告(レスポンシブ)を2つ取得しよう。
そして、この広告をカスタマイズして、レクタングルが常に表示されるようにする。
カスタマイズ方法は、こちら(下記)を参照してください。
➡Googleアドセンスのレスポンシブ広告を「レクタングル(大)」にカスタマイズする方法
広告ショートコード化
アドセンス広告のカスタマイズが終わったら、管理画面から、「カスタマイズ」へと進み、「広告ショートコード」に移動する。
ここでは、アドセンス広告を、ショートコード化しておく(ショートコード化しておくと楽である)。
カスタマイズしたアドセンス広告を「コンテンツ」の欄に入力する。
「備考メモ」には、どこに貼る広告なのかを記した方が無難。
終わったら、「公開ボタン」をクリックしよう。
それと、ダブルレクタングルにするアドセンス広告は、「スポンサーリンクの表記を表示するコード」は、この場合には外しておく(あとで別なものを付けるので)。
広告を追加
ショートコード化し終わったら、管理画面(ダッシュボード)から、外観に移動して、「ウィジェット」画面を開く。
ウィジェット画面を開いたら、「FS 記事内 下部:記事ページで表示」にテキストを追加する。
*tableタグ
1 2 3 4 5 6 7 8 |
<p style=”font-size:5pt; color:#999999″><center>スポンサーリンク</center></p> <table cellspacing="15"> <table> <tr> <td>アドセンスコード左側</td> <td>アドセンスコード右側</td> </tr> </table> |
参考:アドセンスを横に2つ並べて表示する方法。ダブルレクタングルで収益アップだ!
テキスト追加後は、そこにtableタグを追加して、さっき作成したショートコードを挿入する。
アドセンスコード左側
登録したショートコード1を追加した。
アドセンスコード右側
PCのみで表示するショートコードを追加した。
*PCのみで表示(分岐コード)
1 2 3 |
[ad-pc2] 広告ソース [/ad-pc2] |
で、tableタグにショートコードを追加し終わったら、「保存」ボタンをクリックする。
これで、Googleアドセンス広告が2つ横並びになったはず。
ちなみに、コードを保存した後にサイトを閉じて、再びこのコードを見てみたら、若干コードが変化していた。
しかし、問題はなさそうなのでまぁ良いか、とも思うのだが、心配な方は別なものを使用した方が無難である。
画面幅の調整
あとは、画面幅を調整しておくと良いと思う。
管理画面からカスタマイズに移動して、詳細レイアウトをクリックする。
自分が設定したカラム(2カラム右)を選択する。
メインカラム幅を、「レクタングル大」が2つ表示される大きさに微調整する(私は、720と入力したが、740とか、もう少し大きめの方が無難かも)。
数値を入力したら、「変更する」ボタンをチェックして、「公開」ボタンをクリックする。
で、画面幅の調整が終わったら、PC、タブレット、スマホなどで確認してみよう。
スマホでは、片方(右側)の広告が非表示になっていると思う。
*PC
*スマホ
以上で、Googleアドセンス広告をダブルレクタングルで2つ横並びに貼る方法(カエテンWP)の解説は終了する。
関連記事
■Googleアドセンスのレスポンシブ広告を「レクタングル(大)」にカスタマイズする方法
■Googleアドセンスの広告ユニットを分けて管理するメリットとその方法