投稿者: bgtech

あいうえお

【サンプルページ】LPのCVRを改善！コンバージョンへと導く離脱防止ツール「リボルバー」

 

【リボルバー設定用サンプルページ】

 

 

 

テスト

 

 

テスト

 

 

テスト

 

 

テスト

 

 

テスト

 

 

テスト

 

 

テスト

 

 

テスト

 

 

テスト

 

 

テスト

 

 

テスト

 

 

テスト

 

 

テスト

 

 

テスト

 

 

テスト

 

 

テスト

 

 

テスト

 

 

テスト

 

 

テスト

 

 

テスト

 

 

テスト

 

 

テスト

 

 

テスト

 

 

テスト

 

 

お申し込みはこちら

3-2.クリエイティブ登録

メニュー内のクリエイティブ管理にある、「クリエイティブ登録」を押下し、カスタムHTMLを選択します。

3-2.表示設定

バナーの表示をiframeで表示を行う設定です。HTMLや、変数、JavaScriptが使用できるので、動的なバナーの表示が可能になります。

①HTML入力フィールド【必須】
・表示するクリエイティブをHTMLで記述することができます。プレビューでリアルタイムに変更を確認できます。
②CSS入力フィールド【必須】
・表示するクリエイティブをCSSで記述することができます。
ここで記述したCSSは、①のHTMLに適応されます。
プレビューでリアルタイムに変更を確認できます。
③拡張機能についての説明
・オプションについての説明がございます。合わせてご確認ください。
④変数の作成
・カスタムHTML内でのみ動作する変数を定義します。
電話番号や店舗名など、ページ毎にバナーのクリエイティブを動的に変更したい場合に使用します。変数として使用したい文字列が含まれるclassもしくはidを指定します。
変数は最大で3つ指定することができ、{v1}～{v3}の形式で参照することができます。
⑤プレビューの背景
・バナー掲載予定のウェブサイトのスクリーンショットを設定すると、プレビューエリアの背景に設定されるので、サイトでの表示イメージをつかみやすくなります。
⑥適用ボタン
・変数の作成や、プレビュー用背景を適用するボタン。

 

 

■ポップアップをクリックした時に別タブでリンクが開く設定

カスタムHTMLでの設定となります。

①レフトナビ内の「各種登録処理」→「画像倉庫」に表示させたいバナーの画像をアップロードし、画像URLを取得

②新規クリエイティブ作成の場合：
「クリエイティブ登録」→「カスタムHTML」→「表示設定」→「HTMLラベルを追加」

　既存クリエイティブの場合：
「クリエイティブ登録」→「表示設定」→「HTMLラベルを追加」

③HTML欄・CSS欄にデフォルトで設定してあるコードを下記のように書き換える

【HTML】

<div class=”sample-wrap”>
<a href=”遷移先URL” target=”_blank” rel=”noopener noreferrer”>
<img src=”画像URL”>
</a>
</div>

【CSS】

img{
width: 100%;
}

⑤その他は通常通り設定

 

 

ご利用までの流れTOP

動作トリガーの推奨設定

ブラウザやOSによっては「閉じる」「戻る」の動作に対して、特有の条件を満たさないとポップアップが反応しない場合があります。
そのため、ブラウザやOSの影響を最小限に抑える目的も含めて、下記の設定を推奨しています。

推奨設定

①「フォーカスアウト」「カーソルアウト」での動作トリガーを設定
表示設定内の「動作トリガーの設定」→「トリガー追加」を押下した後に、「離脱防止」で下記の項目にチェックを入れます。

【フォーカスアウト】
PCの場合：ユーザーが下記の挙動をした場合にポップアップが表示されます。
・ウィンドウからカーソルが外れたときに表示
・アドレスバーをクリックしたときに表示
・別のタブをクリックし、再度ページに戻ったときに表示

SPの場合：ユーザーが下記の挙動をした場合にポップアップが表示されます。
・別のウィンドウを開き、再度ページを開いたときに表示

【カーソルアウト（PCのみ）】
・タスクバーにカーソルが移動した場合にポップアップが表示されます。

②「滞在秒数×スクロール率」での動作トリガーを設定
表示設定内の「動作トリガーの設定」→「トリガー追加」を押下した後に、「時間経過」に下記の設定をします。

・【滞在秒数：15秒以上×スクロール率10％未満】
記事広告を開いたあと、放置していたり、ほとんど読んでいないユーザーにバナーを表示する

・【滞在秒数：10秒未満×スクロール率99％以上】
ページを開いて、かなり読み飛ばしてすぐにページ最下部にたどり着いたユーザーにバナーを表示する

 

 

※ブラウザやOSの影響とは

・「戻る」ボタンの場合
chromeやAndroidの場合、「画面がアクティブ状態でバナーが出てくる」いう制限があります。
androidアプリのブラウザ側のルールとして「画面をタップしていない（アクティブ状態ではない）ユーザーにブラウザバックでのポップアップ配信を行うのはNG」というのがあるため、ユーザーが一度画面のどこかをタップした後に「戻る」をクリックしないとバナーが表示されないという事があります。

・「閉じる」ボタンの場合
ブラウザを閉じようとした場合、ブラウザ上に「ページから移動しますか？」などの通知がでますが、その際にユーザーが「ページに留まるボタン（キャンセルボタン）」を選択した場合に、バナーが表示される仕様となっています。
・また、「戻る」の場合と同様に、ChromeやFirefoxでは一度画面をクリックしていないと、トリガーが発火しないため、
遷移後すぐに閉じるを押してもバナーが動作しないようになっています。

スマートフォン然りアプリケーションの場合は、デバイスやアプリのシステムによって「閉じる」動きが発生するので、他のシステムが介入することが出来ないため、Re:Volver側で制御することはできません。

その対応策として【滞在秒数×スクロール率】の設定を推奨しております。

 

 

ご利用までの流れTOP

2-3-2.動作トリガーの設定詳細

※トリガーの対応表

A.離脱防止

①ブラウザやタブを閉じようとしたとき（PCのみ）
・PCユーザーが利用しているブラウザのポップアップ通知が許可されている状態で、ブラウザやタブを閉じようとした場合に、ブラウザ上に「ページから移動しますか？」などの通知がでます。
その際に、ユーザーが「ページに留まるボタン」を選択した場合に、バナーが表示されます。 Google ChromeとFirefoxでは一度画面をクリックしていないと、このトリガーは発火しないので注意してください。

②ブラウザの戻るボタンを押下したとき
・PC/SP共に利用できる設定。
PCブラウザの戻るボタンや、SPブラウザでのフリックや、ブラウザの戻るボタンにも対応しており、Androidの［端末バックキー］にも対応しています。また、バナーの表示の際には、ブラウザのアラート等は表示されません。

③同ドメイン内での戻るは表示しない
自分たちのページから抜け出る際にポップアップを出現させることができます。
ページ内リンクを戻る場合にはポップアップは表示されません。
例）検索サイトからページにアクセスし、ページ内をリンクを何階層か進んだあと、戻るボタンを押し続けて、検索サイトへ戻る際に初めてポップアップを表示させる。

④ウィンドウからフォーカスが外れたとき
・この設定はPCとSPのブラウザの仕様の違いにより、それぞれ動作の条件が変わります。
■PC限定の動作
・ウィンドウからカーソルが外れたときに表示
・アドレスバーをクリックしたときに表示
・別のタブをクリックし、再度ページに戻ったときに表示
■SP限定の動作
・別のウィンドウを開き、再度ページを開いたときに表示
⑤ページ内のiframeでも動作する(Youtubeなど)
・デフォルトではチェックがはずれていますが、チェックを入れていると、youtubeなどの枠や、再生アイコンをクリックするだけでもフォーカスアウト扱いになります。

⑥マウスカーソルがタスクバーに移動したとき
・タスクバーにカーソルが移動したことを判別して、画面上にバナーを表示させます。

⑦オプション選択
・チェックボックスを有効にすると、ユーザがページにどのくらいの時間滞在していたのか、ページのスクロール量はどれくらいか、という条件をつけることができます。
・例えば、【ページ滞在時間30秒】かつ、【スクロール量が80％】のユーザーが
【戻るボタンを押したとき】にバナーを表示させる。といったより細かい設定を行うことができます。

B.時間経過＆スクロール

①時間経過をメインに設定することができます。
②スクロール量との掛け合わせ（AND条件）を設定する場合は有効にします。
③スクロール量をメインに設定することができます。
④時間経過との掛け合わせ（AND条件）を設定する場合は有効にします。

 

ご利用までの流れTOP