WordPressブログでアナウンスを表示する方法

ウェブサイトを運営する上で、読者を引きつけ、情報を伝えることは重要です。そのための1つの方法は、ウェブサイトの上部または下部にタイムリーなアナウンスを表示することです。

お知らせを追加することは、ユーザーの注意を引き付け、コンバージョンを促進するための効果的な方法です。重要なメッセージの伝達、人気コンテンツへのリダイレクト、特別オファーの宣伝などに使用できます。

WPBeginnerおよび当社の他のブランドでは、新機能、割引セール、その他の重要な情報についてユーザーに通知するために、継続的にアナウンスを表示しています。

この記事では、WordPressに簡単にお知らせを表示する方法をご紹介します。

WordPressブログにアナウンスを表示する方法

WordPressに告知を追加する理由

多くの人気ウェブサイトでは、上部または下部にフローティングバーとして特別なアナウンスを表示しています。これらのアナウンスバーは非常に効果的であるため、より多くのサイトで見かけるようになっています。

アナウンスは、その配置により、あらゆるWordPressウェブサイトで即座に認識されます。通常、ページの上部または下部に全幅のバーが表示されます。

お知らせバーの例

特別割引の提供、期間限定のマーケティングキャンペーンの実施、ユーザーへのアンケート参加の依頼、新しいブログ記事の表示などに利用できます。

また、視覚効果、カウントダウンタイマー、メールフォームをお知らせバーに追加することもできます。

それでは、WordPressに簡単にアーンメントを追加する方法を見ていきましょう。2つの方法を共有しますので、以下のリンクをクリックして任意のセクションにジャンプできます。

方法1:OptinMonsterを使用してWordPressにアナウンスを表示する

この方法では、OptinMonsterを使用します。これは、市場で最も人気のあるリードジェネレーションおよびコンバージョン最適化ソフトウェアです。

OptinMonsterは、ウェブサイト訪問者を購読者や有料顧客に転換するのに役立ちます。ウェブサイトの最上部または最下部に表示できる告知バーを含む、多くのキャンペーンタイプが用意されています。

最も重要なのは、強力な表示ルールが付属しており、ユーザーごとに異なるコンテンツを表示できることです。また、告知を表示する場所やタイミングも選択できます。

開示: OptinMonsterは、当社のプレミアム製品の1つです。WPBeginnerユーザーは、OptinMonsterプラグインをインストールし、プラグインを通じて無料アカウントにサインアップすることで、無料バージョンを試すことができます。無料バージョンは、メインのOptinMonsterウェブサイトには表示されません。

OptinMonster

まず、OptinMonsterプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。WordPressプラグインのインストール方法

このプラグインは、WordPressウェブサイトとOptinMonsterアカウント間のコネクタとして機能します。

有効化したら、OptinMonster » 設定ページにアクセスし、「既存のアカウントを接続」または「無料アカウントを作成」ボタンをクリックする必要があります。

アカウントを接続

これによりポップアップが表示され、WordPressウェブサイトをOptinMonsterアカウントにログインして接続できます。

WordPressサイトが接続されたので、最初のジオターゲティングキャンペーンを作成する準備ができました。 OptinMonster » Campaigns ページに移動し、「新規追加」ボタンをクリックしてください。

新規キャンペーンを作成

まず、キャンペーンタイプを選択する必要があります。OptinMonsterは、ライトボックスポップアップ、フローティングバー、インラインオプティン、フルスクリーン、スライドイン、ゲーミフィケーションキャンペーンをサポートしています。

このチュートリアルのために、ウェブサイトの上部または下部にフローティングバーを表示できるフローティングバーキャンペーンを選択します。

フローティングバーキャンペーンを選択

その下で、キャンペーンテンプレートをクリックして選択できます。

次に、キャンペーンの名前を入力する必要があります。ここでは任意の名前を入力し、「ビルド開始」ボタンをクリックします。

キャンペーン名

これにより、OptinMonsterのキャンペーンビルダーインターフェースが起動し、右側のパネルにキャンペーンのライブプレビューが表示されます。

プレビュー内の任意の項目をポイントしてクリックするだけで、編集、移動、または削除できます。ブロックをテンプレートにドラッグアンドドロップして、新しい要素を追加することもできます。

フローティングバーに新しいブロックを追加

この例では、カウントダウンタイマー付きのお知らせバーを使用して特別オファーを宣伝し、FOMO効果を作成しています。

通知バーを上部に表示したい場合は、左側の列から「フローティングバー設定」をクリックし、トグルをチェックして上部に移動させます。

フローティングバーを上部に移動

キャンペーンのデザインとコンテンツが完了したら、「公開」タブに切り替えます。

ここから、キャンペーンのステータスを「公開」に変更できます。

キャンペーンを公開

その後、「保存」ボタンをクリックして設定を保存し、キャンペーンビルダーを閉じます。

OptinMonster がキャンペーンを表示したい場所を選択できる出力設定ページに移動します。

アーンメントバーの出力設定

その後、表示ステータスを「公開済み」に変更し、「保存」ボタンをクリックしてキャンペーンを公開します。

これで、WordPressブログにアクセスして、アナウンスバーが機能していることを確認できます。

アナウンスバーのプレビュー

プロのヒント: OptinMonsterの代替をお探しですか?Thrive Leadsを使用すると、アナウンスバーを作成してユーザーからメールアドレスを収集し、購読者リストを増やすことができます。詳細については、WordPressでアラートバーを作成する方法に関するガイドをご覧ください。

方法2:Notibarを使用してWordPress告知バナーを表示する

OptinMonsterは、メールフォーム連携、タイマー、無制限の色とデザイン、強力なターゲティング制御など、数多くのオプションを備えた強力なツールです。

ただし、高度な機能を使用せずに簡単な告知を表示したいだけであれば、この方法を使用できます。

まず、Notibarプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

有効化したら、設定 » Notibarページにアクセスしてプラグイン設定を構成する必要があります。これはテーマカスタマイザーでライブプレビューと共に起動します。

通知バーのカスタマイズ

まず「一般オプション」タブに切り替えることから始められます。

ここで、通知バーの位置、幅、ボタンタイプを選択できます。

通知バーの一般オプション

次に、戻って「コンテンツオプション」タブに切り替えます。

ここから、アーンメントとして表示したいコンテンツを入力できます。

お知らせバーのコンテンツオプション

このプラグインを使用すると、モバイルデバイス用に異なるコンテンツを追加できます。

その後、「スタイルオプション」に切り替えます。ここで、アーンメントバーの色とフォントサイズを選択できます。

アーンメントバーのスタイルオプション

最後に、「表示オプション」タブに切り替えます。

次に、アーンメントバーのコンテンツを表示/非表示にしたい場所を選択します。

表示オプション

このプラグインを使用すると、デバイス、ホームページ、ページ、または投稿ごとに非表示にしたり、通知バーを表示したくない特定の投稿/ページIDを入力したりできます。

完了したら、上部にある「公開」ボタンをクリックして変更を保存し、アナウンスバーをライブにします。

これで、WordPressブログにアクセスして、アーンメントが機能していることを確認できます。

通知バーのプレビュー

この記事で、WordPressブログにアナウンスを簡単に表示する方法を学べたことを願っています。また、WordPressでウェルカムゲートを作成する方法おすすめのWooCommerceスピン・ア・ホイール・クーポンプラグインに関するガイドもご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

5 CommentsLeave a Reply

  1. ブラックフライデーやホリデーシーズンには、目を引くお知らせバーをウェブサイトに表示しているのをいつも見ていましたが、どのように実装されているのか知りませんでした。常に開発者を雇ってカスタムコーディングしてもらう必要があると思っていました。

    今後、私が記事を書いているSaaS企業が限定的なディールやプロモーションを提供する際には、これらの方法のいずれかを試してみるつもりです。これらの期間限定オファーは、お知らせバーを使用して訪問者の注意を引き、コンバージョンを促進するのに最適です。

    Thanks for this :-)

  2. 私は個人的にhellobarを使用しています。Facebookコンバージョンの追跡や特別な通知の表示など、複数の目的に使用できるからです。この素晴らしい情報に感謝します。

返信する

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。