SWELLで広告をランダム表示する方法

2024年4月16日2024年4月20日

アドセンス広告のようにアフィリエイトバナーをランダムに表示する方法を、SWELLのブロックのみで実装します。

少し特殊な使い方ですが、シンプルで簡単に実装できるので初心者の方も是非挑戦してみて下さい。

実装例

再読み込みすると、以下の表示が切り替わるのを確認することができます。

「広告１」〜「広告８」までランダム表示

広告２

実装はSWELLの固有ブロック「ABテスト」を利用し、「ABテスト」>「ABテスト」>「ABテスト」>「広告」という形で入れ子にすることで、ランダム表示させることができます。

広告の数によって入れ子の数を変更すればOK。

という具合です。

ABブロックは、表示比率を変更することもできるので、特定の広告を多く表示させたい場合にも便利ですね。

SWELLにはブログパーツという便利な機能があるので、ランダム表示させる広告をパーツにしておき、サイドバーや目次上など自由に設置させることができます。

STEP

ブログパーツを作成

ブログパーツで「ABテスト」を入れ子にして、ランダム表示させるためのパーツを作成しておきます。

STEP

ショートコードをコピペ

作成したブログパーツのショートコードを任意の位置にコピペします。

サイドバーであれば、「ウィジェット」＞「共通サイドバー」＞「カスタムHTML」に貼り付け。

目次上であれば「SWELL設定」＞「広告コード」＞「目次広告」に貼り付け。

STEP

必要に応じてキャッシュを無効化

サイドバーで利用する場合は、「SWELL設定」＞「高速化」＞「サイドバーをキャッシュする」のチェックを外して下さい。

キャッシュが有効だと、コンテンツ内容が一時保管されるためランダム表示されなくなります。

今回の実装方法は、本来の使い方ではありませんが、応用を効かせることで柔軟な使い方ができると思いました。

まだ何か面白い使い方を思いついたら記事にします。