アクセストリガー

暮らしのエンタメブログ

WebDesign

AdSenceのダブルレクタングルをテーマに頼らず自分で作成する方法!

AdSenceのダブルレクタングルをテーマに頼らず自分で作成する方法!

おかえりなさい @okaerinasainet です。

今回ご紹介するのはGoogleアドセンスの配置として一躍人気者になっている、横並び広告スタイルです。

ダブルレクタングル

ダブルレクタングルというテクニックは、現在多くのWebページにて採用されつつある配置スタイルの一種です。

最近の人気の主流と言ってもいいほど、この広告の横並び配置はかなり見かけるようになりましたね。

そのため、主要なWordPressのテーマでも標準でこのダブルレクタングル配置を可能としているものも多いです。

さてこのクリック率が密かに高いと評されるダブルレクタングル広告の配置ですが、少しばかりデメリットもあったのです。

デメリットその①

使えるテーマは多いものの、テーマが決められてしまう。

デメリットその②

モバイル表示では、一画面に2つ以上広告表示がある場合ペナルティーになるためこの表示方法はできない。

デメリットその③

初心者にはダブルレクタングルの配置って作るの難しい。

等々デメリットばかり列挙して、メリット少ないんじゃと思うかもしれませんが、そんなことはありません。

メリットまとめ

直感的に目を引くダブルレクタングル配置は私も鉄板だと思います。

すぐに目に入るボリューム感があるが、二つ同時に表示されていることでそこに選択性があるので、選べるというなんとなくですが安心感のようなものから触発される感がある。(個人的な感想)

左右に目線移動しても常に視界にに入り続けるワイドな包容力。

等々、いっぱいあると思うんですよ。この配置のメリットって!

この配置をアレンジして色々なことを実践できることも最近分かりましたので、個人的にアレンジを楽しんでいます。

この方法はまたの機会にでもご紹介できたらとは思いますが、まずは今回ダブルレクタングルを自分で作成できるようにして、かつモバイルでは非表示にするという、必ずしなければいけないテクニックをご紹介します。

ダブルレクタングル配置を作成する方法

ダブルレクタングルの作成方法は簡単です。

次のテーブルタグで作成した左右のアドセンス位置に当てはめて下さい。

<左側の広告コード>にそのままアドセンスのコードを当てはめる。

<右側の広告コード>にそのままアドセンスのコードを当てはめる。

当てはめるコードは左右とも同じでいいわけです。

以上で左右に並ぶダブルレクタングル配置が完成です。

モバイル表示で広告を非表示にする方法

アドセンスの広告のコードは、WordPressのテキストウィジェットに貼り付けることを前提とします。

次のプラグインをインストールすることで、ウィジェットのPCとモバイルでの出し分け(条件分岐)してモバイルでは表示させないようにします。

そのプラグインとは、「Widget Logic」です。

「Widget Logic」はウィジェットの編集時に条件分岐コードを指定してその処理を命令します。

プラグインを有効化したら、「Widget Logic:」のエリアに !wp_is_mobile() と入力します。

ウィジェットの編集

これだけで、モバイルで表示させた時に広告は表示されません!

替わりの広告を表示させたりして工夫してください。

プラグインのインストールと、モバイルで表示させる広告の設定方法などは次のページで詳しく紹介しています!

ウィジェットの表示・非表示等あらゆる条件分岐が可能なWidget Logic!

おかえりなさい @okaerinasainet です。今回ご紹介するプラグインはかなり使えるプラグインです!Widget LogicWidget Logicは、WordPressのウィジェットに条件分岐などの機能を使いすることが出来るプラグインで…

実際にダブルレクタングルの配置に、レクタングル(大)336×280サイズをテーブルタグで作成してみました。

トップに広告表示

この画面上では、計3つの広告を表示させています。

PCなら可能な配置です。このページでは、投稿のメインカラムトップにダブルレクタングルで表示させています。

これはテーマが「投稿上」というウィジェットをサポートしているからです。

そのようなウィジェットがご使用中のテーマになければ、投稿本文内の様々な配置(上・中・下)などが可能なQuick Adsense(クイックアドセンス)のインストールをすることで可能です。

この投稿の方法のようにQuick Adsenseを使用することで、アドセンスの広告掲載位置の自由度もかなり広がりますよ!

次の手順であなたもアドセンス広告の配置マスターになれるかも!?

  • アドセンスをダブルレクタングルで配置する。
  • その広告掲載位置をQuick Adsenseで指定する。
  • Widget Logicでモバイルでダブルレクタングル表示の広告を非表示にする

以上、「AdSenceのダブルレクタングルをテーマに頼らず自分で作成する方法!」のご紹介でした!


コメントをどうぞ

*
*
* (公開されません)

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

アクセストリガーは暮らしの総合エンタメブログです!

こんな人がこのブログを書いています

このブログ「アクセストリガー」の管理人のおかえりなさい @okaerinasainet です。 妻と子ども1人の3人暮らし現役看護師➕ライター兼業のアラフォーパパ。

詳細なプロフィールを見る 

取材・寄稿・ネット対談などの依頼は お問い合わせページ からお願いしますm(__)mまた雑談や相談が出来る友達も募集しています。よろしかったらポチっとだけお願いします。

友だち追加

アクセストリガーの購読はこちらから

SNSをフォローする

follow us in feedly
  • ピックアップ