ブログパーツでアフィリエイトバナーをランダムに表示

この記事はこんな方におススメです！

どうも。勢いあまってアドセンスを剥がしちゃったヤモヲです。

だってアドセンスったら、至極真っ当な記事（のはず）なのに「ア〇ル〇 コ〇テ〇ツ（〇的な内容）」として違反報告がきたり、エックスサーバーの紹介記事でコノハウイングの広告出してきたり、そもそも、さして収益が発生しているワケでもないので、

いっそのこと剥がしちゃえ！

ってことで剥がしちゃいました。これでアドセンス呪縛によるモヤモヤした気分もスッキリです。

どうせなら、アドセンスを貼っていた領域に、アフィリエイトバナーでも貼ろうと思ったのですが、記事毎にいちいちバナー選定するのも面倒だなと。

そこで、かねてから「ランダムにバナーを表示したい」というカスタマイズのご要望もあったので、アフィリエイトのバナーをランダムに表示する、

名付けて「ランダムバナー」のカスタマイズ方法をご紹介しますね。

アドセンスの呪縛にお悩みの方のお役に立てればと。

ランダムバナーをブログパーツ化して埋め込む

以前、こちらの記事で「ブロック要素をランダムに並び替える」カスタマイズをご紹介しました。

ランダムで表示する部分はこのカスタマイズを踏襲しています。

最終的には、以下のように実装します。

ビッグバナー

レクタングルバナー

上記の例では、コンテンツ領域とサイドバー領域にランダムバナーを配置しています。

いずれも、「広告タグ」に登録した複数のアフィリエイトバナーをブログパーツに登録し、コンテンツ領域やサイドバー領域に埋め込んで、アドセンスのようにランダムに表示しています。

大まかな手順としては以下のとおりです。

設定手順

ブログパーツ化するランダムバナー用のコードは、この後の説明の中でコピーできるようにしてありますのでご安心ください。

今回は以下の設置個所に表示します。

設置個所（記事下など）によっては、SWELLの「遅延読み込み機能」設定によりうまく反映されない場合があります。設定を見直してみてください。

それでは、設置個所ごとに詳しくご説明しますね。

コンテンツ領域：ビッグバナー

① ASPから広告コードを取得し「広告タグ」に登録

② ランダムバナーのブロックパターンをコピペしてブログパーツを新規作成

続いて、ランダムバナーのひな形となるブロックパターンのコードをコピペして、ブログパーツを新規作成します。

③ ブログパーツに広告タグのショートコードを埋め込み

④ ランダムバナーを表示したいエリアに、ブログパーツの呼び出しコードを埋め込み

上記の例では「①コンテンツ領域：ビッグバナー」にしましたので、コンテンツ領域の任意の位置に埋め込みます。

コンテンツ領域：レクタングルバナー

こちらもコンテンツ領域に設置します。基本的にはビッグバナーと同じ手順で、ブログパーツに広告タグを登録していきます。
ビッグバナーと異なる点のみピックアップしますね。

サイドバー領域：レクタングルバナー

続いて、サイドバーに設置する手順です。こちらも基本的な設定は同じです。

ランダムバナーはいろいろ応用できます

いかがでしょうか。

ランダムバナーのブログパーツを広告のカテゴリごとに作成してけば、記事の内容に応じたランダムバナーを簡単に埋め込むことができます。

また、このランダム機能を利用して、画像やポチップなどもランダムに表示することができますので、いろいろとアレンジしてみてくださいね。

ではでは。