WordPressサイドバーウィジェットにAdSenseユニットを追加

WordPressに対して各社AdSenseの広告ユニットを、
functions.phpやsidebar.phpファイルの直接編集なしに、
簡単にウィジェットとして組み込む方法をご紹介します。
ここでは各投稿ごとの本文上に広告を表示するのではなく、
サイドバーに対して各社広告ユニットを設置する方法を紹介します。

はじめに

いつもお読みいただきありがとうございます。
皆さんはwordpressサイトにどのように追加しているでしょうか。

今回Adseceを設置しようと思った際に、
ほかの皆さんがどのようにwordpressに
組み込んでいるのだろうと検索しましたが、
あまり決定的な方法に出逢うことができませんでした。

というのも、直接phpファイルを編集して、
Adsenseのソースを組み込むといったもので、
テーマファイルの変更時などに対応しにくいと感じました。

AdSense広告ユニット設置プラグイン

HTML Javascript Adderの利用

こうしたプラグインを導入すれば他の付随機能があって、
サイドバーウィジェットなどに表示する広告ユニットも、
ワンタッチで入れられるかななどと甘い期待をしましたが、
結果としてはそういう風にはいかないものでした。

今回の検索キーワードにてどうしてこんな簡単そうなものが、
ヒットしないのかと疑問に感じていましたが、
気づくことができれば簡単なことでした。

皆さんがおそらく使っているだろうプラグインは、
「アドセンスとは無関係なプラグインを利用している」という考えに至りました。

今回利用したプラグインはHTML Javascript Adderです。
このプラグインはwordpressのウィジェットとして、
HTMLやJavascriptなどのソースを、
直接組み込むことを目的にしているプラグインです。

各社がJavascriptで広告ユニットソースを公開している中で、
ウィジェットにjavascriptが指定できれば事足りることは当然ですね^^;

そう、単純に広告ユニットのソースをウィジェットにしてしまえば、
それでサイドバーウィジェットの一つとして、
各社広告ユニットを配置できることになります。
表示する順などもウィジェットをドラッグアンドドロップで変えられます。

HTML Javascript Adderのwordpressに対するインストールは、
新規プラグインの追加から検索をし、インストール・有効化で完了します。

[rakuten]guruguru2:11031384[/rakuten]

AdSense広告ユニットのウィジェット化

HTML Javascript Adderを利用したウィジェット

WordPressダッシュボードから[外観]－[ウィジェット]を選択し、
ウィジェットの設定画面を開きます。

01_ダッシュボードのウィジェットを選択

HTML Javascript Adderをインストールし有効化すると、
[外観]－[ウィジェット]を選択すると[HTML Javascript Adder]が
新たに表示され、ウィジェットとして利用ができるようになります。

02_HTML Javascript Adderウィジェットの表示

ウィジェットの配置

表示されている[HTML Javascript Adder]を、
ドラッグアンドドロップし追加します。

03_ウィジェットの配置

ウィジェットタイトルとソースコードの入力

HTML Javascript Adderウィジェットの[▽]をクリックし、
表示されたフィールドに対してタイトルとソースを貼り付けます。

ここでタイトルは入力してもしなくても構いませんが、
入力した場合にはウィジェットのタイトルとして表示されます。

貼り付けるソースに関しては各社アドセンスの広告ユニットから、
コピーしてきたソースを貼り付けますが、
ご自身のサイドバーの幅に合わせたサイズで広告ユニットを
選択し採用し生成したソースとする必要があります。

サイズが合わない広告ユニットを割り当てた場合には、
当然ながら画面から切れたりする表示になってしまいます。

04_ウィジェットタイトルとソースの入力

[rakuten]book:16373495[/rakuten]

AdSense広告ユニットの表示

各社ユニットの表示

上記にてウィジェット化した広告ユニットが、
ドラッグアンドドロップにて配置した順番で表示されるようになります。
適宜お好きなユニットタイプをAdSenseの機能から作成し、
取得したJavascriptコードを実行し表示することが可能です。

GoogleAdSenseユニット

05_GoogleAdSenseユニットの表示

楽天モーションウィジェット

06_楽天モーションウィジェットの表示

Amazonお買い得ウィジェット

07_Amazonお買い得ウィジェットの表示

[amazonjs asin=”4798034711″ locale=”JP” title=”オープンソース ブログ&ウェブサイト構築ソフト WordPressガイドブック Ver.3.X対応”]

WordPressテーマの変更

Contangoテーマからデフォルトへ変更

このようにしてウィジェットとしてAdSenseユニットを追加することで、
ユニットの配置自体が動的なコンテンツとして、
自身のサイト上に配置が可能になりますので、
現在利用しているテーマから別のテーマへ変更した際にも、
ソースコードの編集などの必要がない場合が多くなります。

08_テーマの変更

変更するテーマによってはウィジェットバーの幅などが変わり、
表示していたユニットの幅を変えてAdSenseユニットを
再取得する必要なども発生しますが、
その際にも新たに取得したAdSenseユニットのコードを、
ウィジェットに貼り付けなおすことで対応が終了します。

直接phpファイルなどを編集し配置することよりも、
メンテナンス性がはるかに向上し、
余計な表示バグなどを減らすことができると思います。

確かにphpファイルなどを編集してしまう方が自由度は増しますし、
お好み通りに実現は可能だと思います。
しかし、異なるphpファイルを利用することを余儀なくされた場合などに、
個々にソースを移植し表示を確認するという作業は、
非常に面倒なものになることが予想されます。

できることは極力プラグインなどで簡素化させてもらったうえで、
できる限りコンテンツの充実に注力した方が、
せっかく訪れてくれた方にもメリットが大きくなるのではないかと考えています。

*本ページ内に記載されされた各社ブランド、サービス名、商標、登録商標については、
各社ブランドのロゴや商標等に関する帰属についてをご確認ください

最後までお読みいただきありがとうございました。

お勧めさせて頂きたい投稿です

• 【巧妙な仕組】Google+へAndroidの写真が勝手にアップロードされてしまう流れは設定ミスではない

• JetPackサイト統計データが消えた場合に復活する手順(してもらう)

• 【待望】WALLET ポイントがauID(au電話番号)間で相互にやりとりできるようになりました

• 禁断の機能がau公式解禁！WALLETポイントの現金化がついに開放。

• 何もしないと、auポイントが2014/05月分以降は携帯利用料から付与されなくなります

• au WALLET™カードはauを解約してもプリペイドとして使い続けられるが、有効期限には注意

• じぶん銀行が動いた！コンビニATM利用が無料・他行振込無料（回数制限なし）で使える

• 【旬】「白すぎる」と賛否両論？姫路城見るなら今秋がおすすめ！その理由は？｜castlehimeji.com

• Google+の投稿が勝手に自動でブログになっていくPluCialが便利



アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。

AdMax Promotion

ブログ記事のご紹介

すべて展開 | すべて省略

Rakuten Promotion

ページ

すべて展開 | すべて省略