WordPressのプラグイン「Popup Builder – Create highly converting, mobile friendly marketing popups」を使ってみた。
★何をやったか?
Google Adsenseとかで勝手にモーダル(ポップアップ)で広告を出してくれるアレ。
アレを自作して楽天アフィリエイトを出してみる。
このプラグインを使うと、いろいろなポップアップを簡単に実装できるので工夫次第ではおもしろいことができそう。
![](https://i0.wp.com/rtworfour.com/wp-content/uploads/2024/06/screenshot_20240611_115346_com2556669167197228480.jpg?resize=485%2C1024&ssl=1)
★どう対応したか?
Step1 インストール&有効化
まずはプラグインをインストール「Popup Builder – Create highly converting, mobile friendly marketing popups」して有効化
Step2 投稿するイメージでポップアップの中身を作る
①メニューの「Popup builder」をクリック
![](https://i0.wp.com/rtworfour.com/wp-content/uploads/2024/06/image.png?resize=268%2C482&ssl=1)
⓶「新規追加」をクリック
![](https://i0.wp.com/rtworfour.com/wp-content/uploads/2024/06/image-1.png?resize=640%2C344&ssl=1)
③テンプレを選ぶ。ここでは「HTML」を選ぶ。「HTML」でもぶっろくエディタを使えば通常の投稿と同様にページを作成できるのでHTMLが書けない人もおススメ
![](https://i0.wp.com/rtworfour.com/wp-content/uploads/2024/06/image-3.png?resize=640%2C280&ssl=1)
④中身を作成。今回は、カスタムHTMLブロックに楽天のアフィリエイトタグを張り付ける。
![](https://i0.wp.com/rtworfour.com/wp-content/uploads/2024/06/image-2.png?resize=640%2C314&ssl=1)
⑤中身ができたら公開する
Step3 ポップアップが開くタイミングを指定する
⑥先ほどのポップアップ作成ページの下の方に、「Display Rules」のセクションがあるので設定
今回は、
・ポップアップを表示する対象のページ設定
・ページがオンロードされたらポップアップを出す設定
をしている。
![](https://i0.wp.com/rtworfour.com/wp-content/uploads/2024/06/image-5.png?resize=640%2C336&ssl=1)
![](https://i0.wp.com/rtworfour.com/wp-content/uploads/2024/06/image-6.png?resize=640%2C274&ssl=1)
Step4 結果に自画自賛しながらコーヒーを飲む
「お~できた、自分って天才!」とおもいつつテスト。多少のバグはあっても、「やっぱ、天才だな」と自画自賛しながら飲むコーヒー。それが旨い。いや酒でもいいか。
まとめ
オンロードイベントから遅延でポップアップを表示でくるなど設定やスクロールされたら~みたいな設定もある(有料)ようなので知恵と工夫でコンバージョンをあげる仕組みができるだろうし実装していても面白いと思う。
ポップアップを仕掛けたわけだが、邪魔くさいなぁ。あ、これに気づいた自分って天才かもしれない!