ポップアップウィンドウを作成するサービス。 ポップアップフィードバックフォーム。 フィードバックフォームの特徴
Web サイトの訪問者は、ポップアップ ウィンドウが情報の受信を妨げ、迷惑で、最終的にはサイトとのすべての関係の終了につながるとしてリソースを批判することがよくあります。
しかし、多くの悪いレビューにもかかわらず、統計によれば、サイト上のポップアップ ウィンドウを使用すると購読者が増加します。 ウィンドウの形式とテキストに対する適切なアプローチ、およびウィンドウ表示の瞬間と頻度を設定する際の機転の遵守は、良い結果を達成するのに役立ちます。
ポップアップ ウィンドウを作成および公開するための外部サービスは、より機能的で興味深いものです。サービスのレベルと品質を決定する基準は次のとおりです。
- 無料版または長期試用期間の利用可能性。
- さまざまなトリガー。
- テキストやデザインを変更する機能。
サービスによって機能の範囲や使いやすさが異なります。 フォームを作成したり、サイトにポップアップ ウィンドウをインストールしたりするときに、いくつかのオプションから最適なものを選択して使用するのは簡単です。
ハローバーこのサービスでは、基本機能を備えた無料バージョンと、さらに 2 つのプロフェッショナル プランがそれぞれ月額 15 ドルと 99 ドルで提供されます。
ハローバーのインストール:
Hello Bar には、他の多くのサービスに比べて次のような利点があります。
- 適応性のある設計と多機能による構成の容易さ。
- このシステムでは外国の電子メール サービスとの統合が可能です。
- 友人のサービスに接続すると、1 か月間無料で Pro 料金を受け取ることができ、その機会は両方のプログラム参加者に適用されます。
このサービスの欠点には、ターゲティング機能が制限されていること、VKontakte ソーシャル ネットワークがないこと、ロゴを削除できないことが含まれます。
GetSiteControlまた、前バージョンと同様に無料版もあります。 有料プランを選択した場合、12 か月分をまとめて支払うと 20% の割引を受けられます。
サービスのインストール:
1. サービスに登録した後、「コードをインストールしましょう」ボタンをクリックしてシステムが提供するコードをコピーし、body タグの前に配置する必要があります。
2. [更新] ボタンは、インストールが正しいかどうかを確認するのに役立ちます。 すべてが正しく行われた場合は、「インストール済み」という単語の横に緑色のインジケーターが表示されます。
3. システムは、ウィンドウをインストールするウィジェットと、ページ上にどのような形式で表示されるかを選択するよう求めます。
- アンケートの形式で。
- 電子メールアドレスにメッセージを送信する。
- ニュースレターの購読。
- 共有ボタン。
- オンラインチャット。
4. ウィジェットは編集できます。
見た目による。
- テキスト - プログラムはいくつかの既製のテンプレートを提供します。
- 表示時間とターゲティングによって異なります。
5. すべての機能を設定したら [OK] をクリックし、ウィジェットをアクティブにします。
このシステムの利点は次のとおりです。
- 低コスト;
- さまざまなウィジェットとテンプレート。
- 訪問者の流入に制限はありません。
- ウィジェットの適応性。
- ソーシャルメディアを追加して購読することも可能です。 VKontakteネットワーク。
本サービスは、サービス情報の配信確認報告書を提出いただくことで、有料料金を3ヶ月間無料でご利用いただけるサービスです。
本格的なプロフェッショナル機能は、有料プランでのみ利用できます。 おそらくこれがこのサービスの唯一の欠点です。
それ以外の場合、このサービスは便利でシンプルであり、無料プランでも優れた機能を備えています。
メールマンチ料金は無料ですが、年間全額支払いの場合は30%特典の有料料金に切り替えることも可能です。
インストール:
このサービスの良い点は、かなり柔軟な設定、適応性のあるデザイン、およびリーズナブルな価格であることです。 テキストの変更やデータのエクスポートもできるのが嬉しいですね。 このシステムを使用すると、作業の結果を分析できます。
デメリットとしては、ロゴを削除できないこと、有料プランでのみほとんどのテンプレートにアクセスできないことが挙げられます。 すもめこのサービスの有料バージョンは、他のシステムの同様のバージョンよりも高価ですが、基本的な無料プランも利用できます。 しかもかなり機能が充実しています。
サービスをインストールするには、「新しいサイトを追加」ボタンをクリックした後にシステムによって提案されたコードをインストールするための標準手順が必要です。
ウェブサイトの画面右上に王冠のアイコンが表示されます。 Sumo Store アイコンをクリックし、表示されるウィジェットの 1 つを選択し、その外観をカスタマイズする必要があります。 無料版では色のみ変更可能です。 有料版では、既製のテンプレートを使用し、必要に応じてテンプレートを追加できます。 電子メール以外のフィールド。
ポップアップ ウィンドウの設定を行った後、データ同期の表示ページ、サービス、またはシステムを選択できます。
[保存] ボタンをクリックした後、作業を開始し、分析関数を使用して統計を追跡できます。
このシステムの利点は次のとおりです。
- 興味深いウィジェットの存在。
- テキストとウィンドウのデザインを置き換える機能。
- 収集したメールアドレスをダウンロードする機能。
デメリットとしては以下のようなものが挙げられます。
- 無料版では 1 つのテンプレートが利用可能です。
- ウィジェットを購入する必要がある場合は、セット全体を購入する必要があります。
- ターゲティングはあまり柔軟ではありません。
- ほとんどの機能は有料版を購入しないと「入手」できません。
このシステムは、作業に対して有料と無料の料金を提供します。
インストール:
このシステムの利点は次のとおりです。
- シンプルなインターフェース。
- 無料プラン;
- 正確なターゲティング設定。
- 分析機能。
- テキストやデザインを置き換える機能。
欠点としては、プログラムの無料版には多くの機能がないことが含まれます。
ウィジェット無料期間 - 7日間。 有料料金は月額約 1,000 ルーブルで、前払いすると割引が適用されます。
インストール:
このサービスの「利点」には次のようなものがあります。
- 価格。
- ロシア語のインターフェイス言語。
- 主要なロシア語ネットワークの利用可能性。
- テンプレートの選択。
- デザインの適応性。
- 統計データ。
- 多くのメール サービスとの統合。
30日間の無料期間は確かにこのサービスの利点です。 年間 1 回限りの支払いの場合、システムにより 25% の割引が提供されます。
このサービスには次のような利点もあります。
このサービスの欠点は次のとおりです。
- 支払った料金の高額。
- 無料版はありません。
インストールは、他の同様のリソースのインストール方法 (上記) と同じです。
オプティモンクOptimonk サービスでは、14 日間サービスの調査とテストを提供していますが、その後は、ユニーク ユーザーに制限のあるかなり高価な料金に切り替えることになります。 多くのユーザーはこの点がこのサービスの唯一の欠点であると考えています。
ポップアップウィンドウの登録、編集、文字やデザインの変更、ターゲティング、時刻などの設定は標準的なインストール手順となります。
サービスの利点:
テスト期間がない場合に大きなチャンスがあるとしても、テストされていないシステムを使用したいと思う人はほとんどいないため、サービスを利用しようとする人が不足します。
カートプロテクターユーザーフレンドリーなインターフェースと多くの機能を備えた素晴らしいサービスです。 ただし、テスト期間は 14 日間のみで、その後はプログラムをアクティブ化するためにかなりの金額を支払う必要があります。
何に注意すべきですか?ポップアップ ウィンドウを作成してインストールするサービスの選択は、かなり主観的な問題です。 紹介されているサービスのほとんどは、運用に必要な機能をすべて備えており、唯一の違いはコストです。
対象ユーザーに正確にリーチするには、最も正確なターゲティング設定を備えたサービスを選択することをお勧めします。 正しく設定されてインストールされたウィジェットが突然結果を生成しなくなった場合は、サイト訪問者に表示される時間、期間、頻度に関してテストすることが合理的です。 このようなテストをいくつか行った後、結論を導き出すことができます。
有料プランはデータ収集に必ずしも適しているわけではありません。 したがって、「テストで武装」し、無料で効果的なものを見つけることに進むことは価値があります。
敬具、ナスティア・チェーホワこの記事では、キャプチャとそれにファイルを添付できる機能を備えたポップアップ フィードバック フォームを Web サイトにインストールする方法を説明します。
このフォームは、GitHub (https://github.com/itchief/フィードバック-フォーム-in-modal) にあるソース コード プロジェクトです。
Bootstrap 3 で構築されたプロジェクトの以前のソース コードは、このリンクを使用して GitHub からダウンロードできます。
フィードバックフォームの特徴表示されているフォームは、Bootstrap 4 と jQuery コンポーネントを使用して作成されています。 Foma のサーバー コードは PHP で書かれています。
その他の形状の特徴:
- オープンソース、プロジェクトは GitHub で入手可能。
- サーバーへのフォームデータの送信と応答の受信は、ページをリロードせずに実行されます。つまり、 AJAX テクノロジーを使用します。
- グラフィック キャプチャの存在 (スパムから保護するため)。
- ファイルを添付する機能 (デフォルトでは最大 5 つ)。
- フォーム データの検証 (検証) はクライアントとサーバーの両方で組織されます。
- 検証が成功した後、フォーム データをマネージャー (管理者) の電子メールに送信し、クライアントに送付状を送信します。
- レターを送信する場合、ファイルを添付することも、リンクを使用して送信することもできます。
- 送信のログ記録 (データは message.txt ファイルに保存されます)。
フィードバック フォームを接続するための基本的な手順。
モーダルウィンドウでフォームを開く
2. モーダル ウィンドウを作成し、そこにフィードバック フォームの HTML コードを配置します。
ご意見フォーム × お名前 メールアドレス メッセージ(20文字以上) 必要に応じてメッセージに画像を添付してください(最大 ):1枚の最大サイズは512KB ファイルを選択してください... 画像に表示されている更新コード ボタンをクリックすると、利用規約に同意します ユーザー規約そして私は、2006 年 7 月 27 日の連邦法第 152-FZ「個人データについて」に従って、私の個人データの処理に同意します。 エラーが発生しました! それらを修正してフォームを再度送信してください。 0% メッセージを送信 フォームは正常に送信されました。 プレス リンク別のメッセージを送信します。
3. 使用するコンポーネント (jQuery、Bootstrap) とフォーム自体 (main.css、main.js) のスタイルとスクリプトを接続します。
フィードバックフォームのダウンロード方法
フォームは GitHub からダウンロードできます。 以下のボタンからプロジェクトページに移動できます。
Web サイトにポップアップを作成するには、さまざまな方法があります。 複雑な方法もあれば、単純な方法もあります。 難しいものは、それらを使用するためにプログラミングの知識が必要であること、そして簡単なものはサードパーティのサービスの使用を必要とすることです。
複雑な方法
- JavaScriptの使用
プログラミングにおいて、ポップアップ ウィンドウを作成するための主なツールは JavaScript です。
- CSSの使用
このオプションは最新のブラウザにのみ適しており、他のブラウザではこの機能が動作しない可能性が高くなります。
ただし、この記事では、プログラミングの知識がなくても実装できるため、誰でも Web サイトに実装できる簡単な方法を見ていきます。
簡単な方法
ポップアップ、つまりポップアップを作成するための最適なサービスのセレクションを紹介します。 最高ってどういう意味ですか? 最高とは、価格と品質の理想的な組み合わせであり、サービスを無料でテストする機会も意味します。 ロシア部門にはそのようなサービスはそれほど多くありませんが、外国人の同僚はそれらの多種多様を誇ることができます。
これらのサービスを使用すると、インターネット トラフィックをあるリソースから別のリソースにリダイレクトする方法を学習できます。
- ハローバー
インストールのステップバイステップ
hellobar.com に登録してください。
Web サイトのテンプレートにコードを挿入するように求められます。サイトが Wordpress で実行されている場合は、プラグインをインストールすることもできます。
ポップアップ ウィンドウを使用して、解決したいタスクを決定します。メールの収集、ランディング ページの表示、ワンクリックでの通話、バナーを介したソーシャル ネットワークへのリダイレクトなどです。
携帯電話番号を入力し、国を選択する必要があります。
ポップアップ ウィンドウのタイプを選択します。バナーの位置はサイトの上部、中央、または下部です。
ウィンドウが表示されるまでの時間を設定します (即時、5 秒後、10 秒後、または 60 秒後、サイト上の一定数のページを表示した後、またはユーザーがサイトを離れる直前)。
あなたがしなければならないのは、「管理」セクションに移動し、そこでポップアップウィンドウを起動することだけです。 また、設定を変更するには、「管理」タブに移動する必要もあります。 バナー統計を表示するには、「統計」タブに移動します。
使用料金: 有料プランは月額 15 ドルから始まり、年払いの場合は 15% の割引が受けられます。 機能が制限された無料版もあります。
- GetSiteControl
インストールのステップバイステップ
始めるには、GetSiteControl.com に登録してください。
コードを取得し、それをコピーしてサイトのテンプレート コードの body 終了タグの前に貼り付けます。
[更新] ボタンをクリックして、ウィジェットがサイトに正しくインストールされていることを確認します。 追加されたコードが正しくインストールされている場合は、次に進むことができます。
必要なウィジェットを選択できます: アンケート、メール送信フォーム、必要なページの表示、メールニュースレターの購読、ソーシャルネットワークボタン、オンラインチャット。
選択したウィジェットを編集する必要があります (サイト上の外観と表示オプション)。
最後のステップはウィジェットをアクティブにすることです。
使用料金: 1 つのサイトに接続する場合、月額 10 ドルから。 1年分をまとめて支払うと20%割引になります。 サービスに慣れるのに役立つ基本機能を備えた無料プランもあります。
- ウィジェット
インストールのステップバイステップ
Witget.com に登録してください。
推奨されるサイト テンプレート コードを、終了本文タグの前に追加する必要があります。
テンプレート ギャラリーに移動すると、ポップアップ ウィンドウに適したテンプレートを選択できます。
独自の販売テキストを考え出して挿入します。
カラースキーム、ポップアップウィンドウパラメータ(バナーを表示する幅、頻度、条件、表示場所と時間)を選択し、「保存」をクリックします。
あとは、Web サイト上のポップアップ ウィンドウの表示を確認するだけです。 これを行うには、「サイトに表示」ボタンをクリックします。 すべてに満足していますか? 次に、それをアクティブ化します。
使用料金: 基本料金は月額 700 ルーブルから、2 つのサイトを接続できます。 アドバンス料金から始まる高度な機能があります。 7 日間のトライアル期間にサインアップすると、サービスを無料で試すことができます。
- ポップアップ
- WordPress ポップアップ
- スクロールトリガーボックス
- WordPress 通知バー
- WP ポップアップ プラグイン - ライトボックス ポップアップ
- ポップアップアリー
- YITH ニュースレターのポップアップ
ポップアップを使用して、サイトに関連する情報を表示します。 ポップアップはコンテンツと一致する場合に効果的です。 ポップアップを作成するときは、画像とテキストを慎重に選択してください。コピーライティングとグラフィックが優れているほど、バナーの効果が高くなります。
ポップアップ ウィンドウを接続するときは、訪問者のデバイスの画面解像度を考慮し、ゴールドスタンダードである 1024*768 を頼りにしてください。
ポップアップ ウィンドウを正しく使用すると、電子メールの購読ベースを増やすなど、素晴らしい結果を得ることができます。 この形式は、電子書籍やビデオコースなどの情報商品の販売にも役立ちます。
1) ポップアップは、大きすぎず、小さすぎず、最適なサイズである必要があります。
2) 線量印象
サイトにアクセスするたびに、ポップアップを同じ人に限定してください。 彼がウィンドウを閉じていることに気付いた場合は、彼がそのことを忘れている数週間後にポップアップ ウィンドウを表示します。
3) 時間をかけてください
サイトに入った直後のポップアップの見た目が悪い。 しばらくしてから、またはサイト上でアクションが実行された後に表示されるように設定します。
4) よくある十字の形の「閉じる」ボタンがあるはずです
サイトの訪問者は、ポップアップを見たくない場合、またはポップアップ内で要求されたアクションを実行したくない場合は、ポップアップを閉じる権利を有します。 窓を閉めたいという欲求は、それほど時間はかからず、習慣的な方法であるべきです。
5) 明確な行動喚起
大きな間違いは、ポップアップ ウィンドウに情報が過剰に表示されることです。 1 つのタスク - 1 つの行動喚起。 たとえば、Facebook の購読者数を増やしたい場合は、サイト訪問者を Facebook ページに購読するよう招待していることを明確に説明するポップアップを作成します。
インタラクティブなポップアップを作成するための、私たちが考える最も興味深い 5 つのインターネット サービスを厳選してご紹介します。これらのサービスは、インターネット マーケティングで 20 年以上使用されており、現在でも人気があり続けています。 ポップアップが非常に人気がある理由は、ポップアップが特定のユーザーのニーズに焦点を当てているためです。つまり、サイト訪問者に本当に必要なものだけを、まさに必要なときに提供できるからです。 ただし、ポップアップ ウィンドウを準備する場合は、オンライン サービスの選択からポップアップ ウィンドウの有効期間の決定に至るまで、プロセスに対して包括的なアプローチを取ることが重要です。
オプティモンクサービス
Optimonk は、最も奥深いプロフェッショナルな設定を提供します。 それをしっかり理解すれば、驚くべき結果を得ることができます。 月額 29 ドルから始まるいくつかの料金プランがありますが、14 日間の無料試用期間が提供されています。
スクリプトのインストールは簡単です。 optimonk.com に登録する必要があります。 そこで適切なポップアップ ウィンドウ テンプレートを選択し、必要に応じて編集します。 ポップアップウィンドウを編集するための簡単なエディタが提供されています。 これは、CSS または JavaScript コードを変更することによっても行うことができます。 フレーズを変更するには、マウスで選択して編集する必要があります。
既製のカラーソリューションが提供されていますが、独自のトーンを設定することもできます。 適切なアニメーションを選択することもできます。 ユーザーがフォームに記入して送信した後に自動的にポップアップするポップアップサンキューウィンドウを追加すると便利です。 設定を保存した後、スケジュールを設定し、必要なトリガー、つまりポップアップの表示を引き起こすイベントを選択する必要があります。
このサービスはターゲティングを設定し、最も一般的な CRM システムおよび電子メール サービス (海外) と統合します。 すべての設定を保存した後は、結果のコードをコピーしてサイト テンプレートのページの最後、タグの前に貼り付けるだけです。 インストールの最終段階では [OK] をクリックすると、キャンペーンが有効になります。 その後、個人アカウントでポップアップを管理できるようになります。
オプティモンクの利点:
- タイマー付き、メールアドレスや名前の入力フォーム、割引クーポン、ダブルポップアップなど11種類のテンプレートを用意。
- 最も有名な電子メール サービスおよびエンジンと完全に統合されています。
- Googleアナリティクスとの連携。
- プログラマーは最も深いターゲティングを設定できます。
- 素晴らしい分析力。
- JavaScriptを変更することで動的にテキストを変更することができます。
オプティモンクの欠点:
- たったの2週間のお試し期間です。
- まともな価格。
- ユニーク訪問者数は月あたり 5,000 人に制限されます。
- 受け入れられるドメインは 1 つだけです。
ピクリールサービス
インターネット マーケティングの専門家向けの高度な機能を備えた優れた有料サービス。 12ヶ月払いの場合。 — 25% 割引。
picreel.com に登録した後、適切なテンプレートを選択する必要があります。
- サブスクリプション。
- リダイレクト。
- 調査。
- 割引。
- シンプルなポップアップ。
- 大きなポップアップ。
- 2 つのウィンドウからポップアップ...
どのテンプレートも、単純なエディターで編集するか、HTML/CSS を変更することで編集できます。 新しいフィールドを追加するのと同じくらい簡単にデザインを変更できます。 アニメーション、カウントダウン タイマー、その他のインタラクティブな要素を挿入できます。 通常どおり、トリガーが構成され、その後設定が保存され、生成されたコードがページの最後にある Web サイトのテンプレートに挿入されます。
ピクリールの利点:
- 機能制限なしの 30 日間の無料トライアル。
- テンプレートがたくさんあります。
- CRMやメールサービス(海外)にも完全対応。
- 広範囲にわたるターゲティング。
- 素晴らしい分析力。
- α&βテストの可能性。
- モバイルデバイス向けのデザインの適応。
- アフィリエイトプログラム。
- 紹介されたユーザーごとに: 25 ドル。
- たとえば、すでに 100 ドルを Paypal に引き出すことができます。
ピクリールのデメリット:
- 月額 19 ドルからとかなりお得です。
- トラフィック制限は、1 か月あたり 3,000 ユニークまたは 30,000 インプレッションです。
- 無料プランはありません。
ウィジェットの利点:
- 通常価格。
- ロシア語。
- テンプレートの巨大なデータベース。
- ポップアップ以外にも、バナー、ボタン、フォーム、タイマーなどのテンプレートが多数あります。
- モバイルデバイス向けのアダプティブレイアウト。
- ロシア語のソーシャル ネットワーク。
- データのエクスポート。
- ロシア語の電子メール メーリング サービスとの統合。
- 通常の統計会計。
ウィジェットの欠点:
- Google アナリティクスとの通信が非常に困難です。
- 月額 990 ルーブルというかなり高額な料金で、7 日間の無料テストを受けることができます。
- 確かに、前払いすると割引があります。
Addthis の利点:
- 無料料金の利用可能。
- シンプルなインターフェース。
- ポップアップの文字内容やデザインは変更できます。
- ターゲティングは高度にカスタマイズ可能です。
- 素晴らしい分析力。
- 収集したメールアドレスをダウンロードする可能性。
- デザインはモバイルレスポンシブです。
Addthis の欠点:
- ほとんどの便利な機能は有料版でのみ提供されます。
おまとめサービス
フル機能のプランは月額 40 ドルから始まりますが、基本機能を含む無料プランもあります。 このサービスの良い点は、ポップアップ ウィンドウに加えて、インターネット マーケティング担当者にとって非常に役立つさまざまなウィジェットをそこで購入できることです。 sumome.com に登録した後、リソースの URL を指定する必要があります。 表示されるコードは、Web サイト上のテンプレートのタグの直後にコピーする必要があります。 次に、リソースに移動し、右側の画面上部に表示される王冠の画像をクリックする必要があります。
次に、「Sumo Store」アイコンをクリックして、好みのウィジェットを選択します。一部のウィジェットは無料で、「Free」とマークされています。 ウィジェットのボタンをクリックすると、ウィジェットがインストールされ、外観を設定するまで待つ必要があります。 フルバージョンでは、任意の形状のフィールドを追加できます。 無料版では、電子メールを入力するフィールドは 1 つだけ使用できます。 無料プランでは既成のテンプレートは使用できず、背景色のみ変更可能です。
次に、ポップアップの動作を構成し、ポップアップが表示されるページを選択する必要があります。 次に、[CRM と電子メール サービス] を選択して、サブスクリプション リストと同期します。 HTML エディターで完全バージョンの独自のフォームを作成できます。 すべてのパラメータを設定したら、「保存」をクリックするだけで統計の監視を開始できます。
Sumomeの利点:
- 料金無料。
- たくさんのウィジェット。
- ポップアップのテキストとデザインを変更する機能。
- 収集したメールはダウンロードできます。
スモメのデメリット:
- 無料プランで利用できるテンプレートは1つだけです。
- 誰もが月額 40 ドルという価格を買えるわけではありません。
- ウィジェットは個別ではなくセットとして販売されます。
- ターゲティングの設定がまばらです。
- ブランド設定は無効になっていません。
要約しましょう。
無料サービスでポップアップ ウィンドウの使用を開始し、ユーザーの反応、コンバージョン、反応を確認してから、有料サブスクリプションを購入することをお勧めします。 こうすることで、ポップアップ ウィンドウの有効性を評価し、適切なプロモーション戦略を選択する時間を確保できます。 いくつかのサイトを試し、あらゆるツールを使ってポップアップを作成すると、ポップアップが提供する機会を最大限に活用できます。
このコレクションが、完全に機能する Web サイトの作成に役立つことを願っています。