ポップアップ広告の作り方WordPress+PopupMaker

ポップアップ広告の作り方-WordPressでも簡単に表示で『PopupMaker』の使い方広告メディア
広告メディア
リオンくん
リオンくん

作成したバナーを、WordPressでポップアップ広告として表示できるよ!

ポップアップ広告は、特定の情報やキャンペーンを訪問者に目立たせるための効果的な手法です。今回は、初心者の方でも簡単に実践できるよう、Popup Makerというプラグインを使ったポップアップ広告の作り方をわかりやすく解説します。

ポップアップ広告を表示する「Popup Maker」をインストール

wordpressでポップアップ広告を作るための「Popupmaker」です。

まずは、ポップアップ広告を作成するためのツール「Popup Maker」をWordPressにインストールしましょう。

  1. WordPressダッシュボードにログインします。
  2. 左のサイドメニューから「プラグイン」→「新規追加」をクリックします。
  3. 右上の検索ボックスに「Popup Maker」と入力し、表示されたプラグインを「今すぐインストール」をクリックします。
  4. インストールが完了したら「有効化」をクリックして、プラグインを有効にします。

これで、Popup Makerが使えるようになりました!

新しくポップアップ広告を作成する

次に、ポップアップの作成に進みます。

create-popup-maker
  1. ダッシュボードの「Popup Maker」メニューに移動し、「Create New Popup」をクリックします。
  2. ポップアップのタイトルを入力します。ここには「新規キャンペーンポップアップ」など、管理しやすい名前を付けましょう(このタイトルはサイト上には表示されません)。
ポップアップのタイトルを入力します。
本文作成のポイント
  1. 本文エディタに、ポップアップに表示したい内容を入力します。例えば、「ニュースレターの登録」「今なら10%割引!」「期間限定セール」など、目を引く情報を記載します。
  2. 必要に応じて、画像やボタンを挿入して、訪問者の興味を引くデザインを作りましょう。

ポップアップの表示タイミングを決める

ポップアップが表示されるタイミングを設定します。例えば、ページを開いて数秒後に表示したり、訪問者がページを離れようとした時に表示することができます。

Popup Settings」セクションの「Triggers(トリガー)」タブをクリック
  1. 「Popup Settings」セクションの「Triggers(トリガー)」タブをクリックします。
  2. 「Add New Trigger」をクリックし、表示タイミングを設定します。
    • Time Delay / Auto Open: ページ読み込みから数秒後に自動で表示されるようにします。例えば、「5秒後」に設定すると、訪問者がページを開いてから5秒後にポップアップが表示されます。
    • Click Open: 特定のリンクやボタンをクリックした時に表示されるようにします。例えば、キャンペーンページのボタンをクリックした時に、詳細情報のポップアップを表示できます。
    • Exit Intent: ユーザーがブラウザを閉じようとしたときや、別のページに移動しようとしたときにポップアップを表示させることができます。これにより、離脱を防ぎやすくなります。

ポップアップ広告の表示タイミングが早すぎると、広告のはずが逆効果になる可能性もあるので、注意しましょう。

ポップアップ広告のデザインを整える

ポップアップのデザインを設定して、訪問者の目に留まりやすいものにしましょう。

  1. 「Display(ディスプレイ)」タブで、ポップアップの表示方法を設定します。
    • サイズ(Size): ポップアップの幅と高さを設定します。サイトのデザインに合わせて「中(Medium)」や「大(Large)」などを選びましょう。
    • 位置(Position): 画面の中央に表示させるか、右下に表示させるかなど、表示位置を選択します。例えば、「Center(中央)」を選ぶと画面の真ん中に表示されます。
    • アニメーション(Animation): ポップアップが表示される際の動きを選択します。「フェードイン」や「スライドイン」を選ぶと、ポップアップがより目立つようになります。
ポップアップ広告のデザイン自体を作るには?

イラストレーターで作るか、Canvaで作ると便利です。

特定のページでのみポップアップ広告を表示する

ポップアップをすべてのページではなく、特定のページや投稿でのみ表示させたい場合は、Conditions(条件)を設定します。

  1. 「Conditions」タブを開き、「Add New Condition」をクリックします。
  2. 表示したいページや投稿、カテゴリーを選択します。例えば、「お知らせページ」にのみポップアップを表示させるように設定できます。
  3. 設定を保存して、特定の条件に基づいてポップアップを表示させるようにします。

クッキーで訪問者へのポップアップ広告の表示回数を調整する

ポップアップが毎回表示されると訪問者のストレスになることも。そこで、クッキーを設定して、一度表示したポップアップが再表示されないようにしましょう。

  1. 「Cookies」タブをクリックし、「Add New Cookie」を選択します。
  2. 「On Popup Close(ポップアップを閉じた時)」や「On Form Submission(フォーム送信時)」を選択します。
  3. クッキーの有効期限を日数で設定し(例: 30日)、保存します。

ポップアップ広告をプレビューして公開

最後に、作成したポップアップをプレビューして、表示が意図通りになっているか確認します。

  1. 右上の「プレビュー」ボタンをクリックし、実際のポップアップ表示を確認します。
  2. 問題がなければ「公開」ボタンをクリックして、ポップアップを有効にします。

ポップアップ広告の効果測定と改善

ポップアップを設置したら、その効果を測定して、改善を行いましょう。

  1. Popup Makerには「Analytics(アナリティクス)」機能があり、表示回数やクリック率を確認できます。
  2. データをもとに、表示タイミングやデザインを調整し、ポップアップの効果を最大化させましょう。

ポップアップ広告のまとめ

今回は、WordPressで、Popup Makerを使ったポップアップ広告の作り方を皆さんにお伝えしました。

初心者の方でも簡単に効果的なポップアップを作成できるので、ぜひ試してみてください。ユーザーの注目を集め、コンバージョン率を向上させるポップアップを作成して、あなたのサイトをもっと効果的に活用しましょう!

GoogleChromeでポップアップ広告をブロックする方法

Chromeでポップアップ広告をブロックまたは許可する方法は、ブラウザの設定から簡単に行えます。デフォルトでは、Google Chromeはポップアップを自動的にブロックします。ポップアップがブロックされると、アドレスバーに警告アイコンが表示されるので、クリックして設定を変更することができます。以下は、ポップアップの管理方法です。

ポップアップの許可またはブロック方法

  1. Chromeの設定を開く
    Chromeを起動し、画面右上にある「その他アイコン(⋮)」をクリックして、[設定] を選びます。
  2. プライバシーとセキュリティ設定にアクセスする
    [プライバシーとセキュリティ] セクションに進み、[サイトの設定] をクリックします。
  3. ポップアップとリダイレクトの設定を変更する
    [ポップアップとリダイレクト] オプションを選び、ここでポップアップの許可やブロックを設定できます。特定のサイトに対してポップアップを許可したい場合は、[許可されたサイト] にそのサイトのURLを追加します。

特定のサイトでのポップアップ設定

  • 特定サイトのポップアップを許可する
    許可したいサイトを「許可リスト」に追加することで、特定のサイトのポップアップを表示できます。これを行うには、[ポップアップとリダイレクト] 設定画面で [許可] をクリックし、許可したいサイトのURLを入力します。
  • 特定サイトのポップアップをブロックする
    不要なポップアップが表示される場合は、ブロックリストに追加して表示を防ぐことができます。これも、[ポップアップとリダイレクト] 設定画面で [ブロック] を選び、該当するサイトのURLを入力して設定します。

通知が表示される場合の対処

ポップアップを無効にしても通知が表示される場合、そのサイトからの通知が許可されている可能性があります。通知をオフにする手順は以下の通りです。

  1. Chromeで該当サイトにアクセスします。
  2. アドレスバーの左にある「鍵アイコン」をクリックし、[サイトの設定] を選びます。
  3. [通知] の設定を [ブロック] に変更します。

ポップアップに関するトラブルシューティング

職場や学校で管理されているChromeデバイスを使用している場合、ポップアップの設定を変更できないことがあります。この場合、ネットワーク管理者に相談して設定を調整してもらう必要があります。

自分のウェブサイトでポップアップがブロックされる場合は、Googleのポリシーに違反している可能性があるため、サイトの内容を確認し、適切な修正を行うことをお勧めします。不正行為に関する問題を報告するページを参考にし、必要に応じて対処してください。

以上が、Chromeでポップアップ広告をブロックまたは許可するための基本的な方法です。設定を調整して、自分に合ったブラウジング環境を作りましょう。

参考文献:Google Help

また、望ましくない広告やポップアップ、そしてマルウェアを削除する方法については、Google Helpの別記事が参考になります。

Safariでポップアップ広告をブロックする方法

Safariでポップアップ広告やウィンドウをブロックする方法を、以下の手順に沿って説明します。これにより、しつこい広告や不正なポップアップから自分を守ることができます。

ポップアップのブロック設定

  1. iPhone または iPadの場合
    • 「設定」アプリを開き、「Safari」を選択します。
    • 「ポップアップブロック」をオンにして、不要なポップアップの表示を防ぎます。
    • 「詐欺Webサイトの警告」もオンにすることで、疑わしいサイトへのアクセス時に警告が表示されます。
  2. Macの場合
    • Safariを開き、メニューバーの「Safari」→「設定」または「環境設定」を選択します。
    • 「Webサイト」タブで「ポップアップウインドウ」を選び、必要に応じてすべてのポップアップをブロックまたは特定のサイトのみ許可します。
    • 「セキュリティ」タブで「詐欺Webサイトを警告」をオンにして、危険なサイトへのアクセスを防ぎます。

不要なポップアップへの対処

ポップアップがブロックされても表示される場合は、次の対策を試してください。

  1. Safariをリセット
    • MacでSafariを閉じ、Shiftキーを押しながらSafariを再起動します。これにより、直前に開いていたウインドウやタブを再度表示せずに起動できます。
  2. ソフトウェアのアップデート
    • すべてのAppleデバイスで最新のソフトウェアをインストールし、セキュリティ強化を行います。これにより、ポップアップ制御やフィルタリング機能が強化されます。
  3. 怪しいソフトウェアの削除
    • Macの「アプリケーション」フォルダで、不要なアプリケーションがインストールされていないか確認し、見覚えのないアプリはアンインストールします。
    • Safariの「機能拡張」タブで、不審な拡張機能を無効化または削除します。

安全なブラウジングのためのヒント

  1. 正体不明のポップアップには触れない
    • 広告や警告のようなポップアップが表示された場合、内容が信頼できるものでない限り、操作しないことが重要です。特に、閉じるボタンに似せた偽のボタンには注意が必要です。
  2. ソフトウェアは信頼できる場所から入手
    • ソフトウェアのダウンロードは、App Storeなど信頼できるソースから行いましょう。広告リンクからのダウンロードは、不要なプログラムやマルウェアをインストールするリスクがあります。

マルウェアやアドウェアの確認

Macで不正なポップアップや広告が頻繁に表示される場合、以下の手順で対処します。

  1. macOSのアップデートまたは再起動
    • 最新のmacOSにアップデートするか、すでに最新の場合は再起動します。macOSは再起動時に既知のマルウェアを削除します。
  2. アプリケーションのチェック
    • 「アプリケーション」フォルダを確認し、見覚えのないアプリや拡張機能を削除します。
  3. 不要な拡張機能の無効化
    • Safariの「機能拡張」タブで、怪しい拡張機能がインストールされていないか確認し、不要なものは無効化または削除します。

問題が解決しない場合は、Appleのサポートに問い合わせてさらに詳しい対応を依頼することが推奨されます。これらの手順を実践して、Safariを安全に使用しましょう。

参考文献:Apple

効果的なポップアップ広告の設置のコツやポイント

ポップアップ広告は、ユーザーの目を引き、特定のアクションを促すための強力なツールですが、適切に設定しないと逆効果になりかねません。効果的なポップアップ広告を設置するためのコツを、具体的なポイントごとに解説します。これらのポイントを意識して設定することで、ユーザー体験を損なわずに、広告の効果を最大化することができます。

ユーザーにとって有益な内容を表示する

ポップアップ広告の内容は、ユーザーにとって価値のある情報を提供することが最も重要です。無関係な広告や興味のない内容を表示すると、ユーザーの体験を損ない、サイトからの離脱を招く可能性があります。例えば、ECサイトでは、ユーザーが閲覧中の商品に関連する割引クーポンや、サイトの更新情報を表示することで、購買意欲を高めることができます。

ユーザーが求めている情報を正確に把握し、適切なタイミングで提供することが、ポップアップ広告成功の鍵です。これにより、ユーザーはポップアップを煩わしいものではなく、有益な情報源として受け取る可能性が高まります。

デバイスごとの最適化

ポップアップ広告は、表示されるデバイスに合わせて最適化することが重要です。デスクトップ、タブレット、スマートフォンでは画面サイズやユーザーの操作方法が異なるため、同じデザインや設定では使いにくくなる場合があります。

例えば、スマートフォンではポップアップのサイズを小さめにし、画面全体を覆わないようにすることで、ユーザーがストレスを感じずに広告を確認できます。また、タップしやすい大きさのボタンを設置するなど、デバイスごとに適切な設定を行いましょう。

閉じるボタンを明確に表示する

ポップアップ広告には、必ずわかりやすい閉じるボタンを設置しましょう。閉じるボタンが分かりにくい場所にあったり、小さすぎたりすると、ユーザーがポップアップを閉じることができずに苛立ちを感じてしまいます。

一般的には、閉じるボタンは右上に配置し、「×」マークや「閉じる」などの明確なテキストを用いることが効果的です。ユーザーが広告を閉じたいと思ったときにすぐに見つけられるようにすることで、快適なユーザー体験を維持できます。

ポップアップの頻度を調整する

同じユーザーに対して頻繁にポップアップを表示すると、ストレスや不快感を与え、サイトからの離脱を招くことがあります。特に、短期間で同じ広告を何度も表示すると、逆効果になることが多いです。

クッキーやセッションの設定を利用して、一度ポップアップを見たユーザーには、一定期間(例えば、7日間)は同じ広告を表示しないように設定するなど、表示頻度を適切に管理しましょう。これにより、ユーザーにとって自然なタイミングで広告を表示することができ、好感を得やすくなります。

A/Bテストを行い最適化する

ポップアップ広告の効果を最大化するために、A/Bテストを行ってデザインや内容、表示タイミングをテストしましょう。異なるバリエーションのポップアップを作成し、それぞれのパフォーマンスを比較することで、どのバージョンが最も効果的かを確認できます。

例えば、ポップアップのデザインをシンプルにしてみたり、ボタンのテキストを変更したり、表示タイミングをページ閲覧の数秒後に設定してみたりすることで、ユーザーの反応をデータとして収集できます。テスト結果をもとに、最も効果的なポップアップを見つけ出し、設定を最適化しましょう。

サイトのパフォーマンスに配慮する

ポップアップ広告を多用すると、ページの読み込み速度が低下することがあります。特に画像や動画を使用したポップアップは、ページ全体のパフォーマンスに悪影響を与える可能性があるため、ファイルサイズを小さくする、画像を圧縮するなどの対策が必要です。

ページの読み込み速度が低下すると、ユーザーの離脱率が高くなり、SEOにも悪影響を与えることがあります。ポップアップ広告を設置する際は、サイト全体のパフォーマンスを損なわないように注意しましょう。

関連性の高いコンテンツを表示する

ポップアップを表示する際、ユーザーが現在どのページを見ているか、そのコンテキストを考慮することが重要です。例えば、訪問者が特定の商品ページを見ている場合、その商品に関連する情報やクーポンを提供するポップアップは効果的です。

また、ブログ記事を読んでいる際に、関連する他の記事やリソースを紹介するポップアップを表示することで、サイト内の回遊率を高め、ユーザーがより多くの情報を得られる環境を提供できます。

デザインの一貫性とブランドイメージを保つ

ポップアップのデザインは、サイト全体のデザインと一致させ、ブランドイメージを損なわないようにすることが大切です。例えば、ブランドのカラースキームやフォントをポップアップに反映させることで、広告がサイトの一部として自然に馴染み、ユーザーに違和感を与えません。

視覚的に強調したい要素(CTAボタンや重要なメッセージ)は、サイト全体のデザインと統一感を持たせつつ、ユーザーの目に留まるように工夫しましょう。これにより、ユーザーが広告をクリックする確率を高めることができます。

これらのポイントを意識してポップアップ広告を設置することで、ユーザー体験を損なうことなく、広告効果を最大化することができます。常にユーザー視点での調整を心がけ、サイト全体のバランスを考えながら、ポップアップを効果的に活用しましょう。

弊社では、マーケティングに関する資料を多数掲載しております。ぜひチェックしてみてください。

おすすめ資料(ホワイトペーパー)を朝8:00に毎日配信中

\メールアドレスだけ!/

株式会社マーケメディア|ロゴ

マーケメディア編集部

株式会社マーケメディアが運営するマーケティング資料ダウンロードサイトの「マーケメディア」です。 マーケメディア

マーケメディアのFacebookです。 @markemedia2022

マーケメディアのTwitterです。 @Marke_media

広告メディアの資料ダウンロード
マーケメディアでは、広告メディアに関するお役立ち情報を発信しています。
マーケメディアにホワイトペーパーを掲載する(バナー)
マーケMEMO

コメント

タイトルとURLをコピーしました