2018年1月16日(火)よりサポートサイトはhttps://support2.karte.ioへ移行しました。

モバイル・PCブラウザ通知 - Step 2. ユーザーから通知の許可を取得する(及び解除)

 

ブラウザ通知は、通知を受け取ることを了承しているユーザーへのみ配信がされます。

「許可ページの設定」にて用意した許可ページへ接客サービスを用いてユーザーを誘導し、通知の許可を取得しましょう。

 

__________2016-07-01_08.52.53.png

 

許可ページへの誘導接客サービスの作成は以下の流れで行います。

  1. ブラウザ通知の対応ブラウザを利用しているユーザーをセグメントする
  2. 上記セグメントを対象ユーザーとした接客サービスを作成する
  3. 接客サービスを自分にテスト配信してみる
  4. 通知許可の取得状況に応じたユーザーのセグメントを作成する
  5. 接客サービスを公開する

 

1. 対応ブラウザを利用しているユーザーをセグメントする


「概要と設定の流れ」に記載の、ブラウザ通知機能を持った対応ブラウザを利用してサイトにアクセスしているユーザーを、ブラウザの種類とバージョンを条件にセグメントします。PCとSPに分けて作成すること推奨しています。

PCのセグメント

正規表現を用いて、

  • PCでアクセス、かつ
  • ver. 47.x 以降のChrome または ver. 44 以降の Firefox でアクセスしているユーザー

をセグメント条件として設定します。

※OperaはKARTEの対応環境ではないため条件として設定しません。

 

<セグメント条件>

__________2017-06-26_22.26.39.png

上記のセグメントの2行目のブラウザ+バージョン指定の正規表現は以下をご利用ください。正規表現を用いているため、「正規表現を使用する」にチェックを入れて保存をしてください。

Chrome\/4[7-9].*|Chrome\/[5-9]\d.*|Firefox\/4[4-9].*|Firefox\/5[0-9].*

2017年6月現在、Chromeはver. 59、Firefoxはver.54までリリースされておりますのでいずれもver. 59まで対応する正規表現となっておりますが、設定をされる際には直近のバージョン情報を確認の上必要に応じて正規表現を編集・追加してください。

 

SPのセグメント

PCと同様に、 正規表現を用いて、

  • SPでアクセス
  • 49.x 以降のChrome と 48 以降の Firefox でアクセスしているユーザーをセグメントします。

 

<セグメント条件>

__________2017-12-04_15.17.24.png

上記のセグメントの2行目のブラウザ+バージョン指定の表現は以下をご利用ください。

Chrome\/49.*|Chrome\/[5-9]\d.*|Firefox\/4[8-9].*|Firefox\/5[0-9].*

上記PCのセグメントと同様に、「正規表現を使用する」へチェックを入れてください。また、Chromeのver. 59とFirefoxのver. 59まで対応する正規表現となっておりますので、それを超えるバージョンがリリースされた場合には正規表現の編集・追加を行なってください。

 

 

2. ユーザーを通知許可ページへ誘導するための接客サービスを作成する


通知許可ページへ誘導する接客サービスは基本的に、通常の接客サービスと同様の作成方法となります。上記1.で作成した、ブラウザ通知対応ブラウザを利用しているユーザーが許可取得対象ユーザーとなります。

 

<接客サービスの設定>

 

配信対象ユーザー:

PCとSPの許可取得対象ユーザーのセグメントに合致するユーザー
(上記1.で作成したセグメント)

※表示するアクションをPCとSPで分ける場合は接客サービスを分けて、それぞれにSPとPCの対象セグメントを配信対象ユーザーとして設定してください

 

アクション:

ご希望のアクションテンプレートをご利用ください。通知許可ページへ誘導するため、リンク先URLを入れられる形式のものを選択してください。

通知許可ページはユーザーごとにユニークなURLのページが、動的に生成される必要があるため変数[PUSH_APPS_URL]を用いて設定します。

アクション編集画面のビジュアルより、リンク先URLの欄に [PUSH_APPS_URL] と入れてください。

 

 

 クリエイティブに関しては、通常の接客アクション同様にご自由に編集してアクションを作成してください。

 

配信ページ:

任意の配信ページを設定してください。

 

公開設定:

任意の設定を行なってください。

許可をしたユーザーには許可ページへの誘導を行う接客サービスを表示したくない場合、許可を取得済みのユーザーをセグメントし、当該接客サービスの配信対象ユーザーから除外する設定をします。ただし、まだ通知許可ページで一度もアクションを起こしたユーザーがいない状態では、ブラウザ通知の許可状況に関わるイベントがKARTEに発生していないため、イベントがセグメント条件設定画面で選択肢として表示されません。下記3.の手順で一度当該接客サービスをテスト配信し、許可ページで通知の許可または拒否設定を試していただくと、ブラウザ通知の許可状況に関わるイベントがKARTE内で発火し、そのイベントをセグメント条件設定画面で選択肢としてご覧いただけます。

同様に、接客サービスのゴール設定に、通知許可を行なったイベントを設定する場合も、一度テスト配信をし、許可ページでイベントが発生した後にゴールイベントとしてご利用できます。

 

3. 許可ページへ誘導する接客サービスをテスト配信してみる


許可ページの実物の確認は、上記にて作成の接客サービスを介してのみ確認が可能となっております(許可ページのURLがユーザー毎に動的に生成されるため)。また、ブラウザ通知の許可を行なったユーザーなどをセグメントするために利用する、ユーザーが許可設定をする時に発生するイベントは、一度実際にそのイベントを発生させることで初めて利用可能になります。そのため、一度上記にて作成の接客サービスを自分に表示されるようにテスト配信をしていただく必要があります。

こちらのサポートサイトにあるAの方法を参考に、テスト用のユーザーを特定できるセグメントを作成し、上記にて作成の接客サービスの配信対象ユーザーに追加してください。

<配信対象ユーザーの設定>

 __________2017-06-26_23.13.20.png

※PCとSPの許可取得対象ユーザーのセグメント(上記1.で作成したセグメント)が「ブラウザ通知許可取得対象ユーザー(PC)」と「ブラウザ通知許可取得対象ユーザー(SP)」の時

※テスト用のユーザー(特定のアンカーをつけてアクセスしているユーザー)のセグメントが「テストユーザー」の時

この設定で、ブラウザ通知の対応ブラウザでアクセスしているテストユーザーのみに接客サービスを配信することができます。接客サービスを公開し、テスト用のユーザーのセグメント条件に合致した状態で、当該接客サービスの配信ページをアクセスし実配信をチェックします。また、実際に許可ページ場で許可・拒否のボタンをクリックしてください。そうすることで、ブラウザ通知に関わるユーザーの許可状況を判定するイベントがKARTEに送信されます。

 

4. 通知許可の取得状況に応じたユーザーのセグメントを作成する


ユーザーが通知許可画面で通知の受け取りを許可/拒否の選択をクリックすると"plugin_push_apps_identify"のイベントが発火します。

通知を許可した時、"plugin_push_apps_identify"のイベントのsubscribe項目にtrueの値が返され、拒否した場合はfalseの値が返されます。

また、"plugin_push_apps_identify"と同時に、
・ユーザーが許可をした場合には"push_apps_subscribe"のイベントが
・ユーザーが拒否をした場合には"push_apps_unsubscribe"のイベントが
発生します。

これらのイベントを利用して通知許可をの取得状況に応じたセグメントを作成することができます。

通知許可を未取得のユーザー

まだ通知の許可・拒否設定を行なったことがないユーザーは、"plugin_push_apps_identify"のイベントが発火したことがないため、"plugin_push_apps_identify"の値が存在しないという条件で条件でセグメントすることができます

__________2017-06-26_23.35.01.png

通知許可を取得済みのユーザー

__________2017-06-26_23.31.18.png

通知受け取りを拒否したユーザー

__________2017-06-26_23.36.39.png

 

必要に応じて、上記のセグメントを通知許可ページへ誘導を行う接客サービスの配信対象ユーザーへ含む・除外の設定をしてください。

 

また、 通知許可ページへ誘導を行う接客サービスのゴールを、「通知の許可を行なったこと」としたい時は、接客サービスの公開設定のゴール設定で"push_apps_subscribe"を選択してください。

 

5.接客サービスを公開する


テスト配信用のセグメントを配信ページ設定から削除し、通知許可ページへ誘導する接客サービスを公開しましょう。

ユーザーの許可状況は上記4.の手順にある「通知許可を取得済みのユーザー」のセグメントでご確認いただけます。

ただし、セグメントは最大で過去1週間までの来訪ユーザーの情報しか見られない仕様のため、許可をしたユーザーの累計数を調べるためにはカスタムレポート(β版)をご用意しております。詳しくはサポートまでお問い合わせください。

 

 

+α.番外編 ブラウザ通知からのオプトアウト動線を設ける

サイト内の既存のボタンにscriptで動線を設置する


ブラウザ通知の受け取りを通知許可ページで許可をしたユーザーが、その後通知の受け取りを拒否したい場合は、

  • ブラウザの設定から通知の拒否を行う
  • KARTEの通知許可ページから許可設定を解除する

方法があります。

後者を実現するには、オプトアウトを希望するユーザーに対し、接客サービスで通知許可ページへの動線を用意する必要があります。
オプトアウトを希望するユーザー用に、許可ページへ誘導する接客サービスを別途作成してください。

あるいは、サイトの既存のボタンにscriptで通知許可ページへのリンクを埋め込むこともできます。

設定方法は以下の通りです。

●実サイトの設定

<div id="button">
<a href="">通知設定はコチラ</a>
</div>

などのボタンリンク先に通知設定画面のURLを設定する際は

 

 

接客サービスを作成 > デザインテンプレート > スクリプト > script配信テンプレート を選択

 __________2017-05-19_14.09.03.png

左上の </>カスタマイズ より

  • script:サンプルコード

      jquery("{{selector}}").attr("href", "{{push_apps_url}}"); 

  • VALIABLES:サンプル設定

      >  selector      テキスト セレクタ #button a 

      > push_apps_url テキスト URL   [PUSH_APPS_URL]

 

●実サイトの設定

<div id="button">
<a href="[PUSH_APPS_URL]">通知設定はコチラ</a>
</div>

 

上記のような設定をしていただければ既存サイトのボタンに通知設定用のURL設置することができます。