Skip to main content
サンキュー(Thank You)ページ、注文ステータス(Order Status)ページ、顧客アカウントページでRokt Thanksから追加収益を得るには、まずAftersell管理画面からRokt Thanksを設定して有効化する必要があります。手順は次のとおりです。 ナビゲーションメニューの Rokt Thanks タブに移動します。
Rokt Thanks タブが表示されない場合は、Aftersellの Home ページにある Grow your store セクションを確認してください。ストアが対象であれば、そこのバナーで Activate Rokt Thanks をクリックしてセットアップを開始します。その他の原因については、Aftersell 管理画面に Rokt Thanks タブが表示されないをご覧ください。
「Get Started」をクリックします。 Your store ステップで、Your industry ドロップダウンから業種を選択し、続いて Your products/services から該当するサブカテゴリを選択します。どちらも必須です。両方が設定されるまで Save & Continue は無効のままで、2つ目のドロップダウンは業種を選択して初めて選択可能になります。該当する業種やサブカテゴリが見つからない場合は、最も近いものを選択してください。 「Save & Continue」をクリックして次のステップに進みます。このウィザードには個別の同意チェックボックスはありません。Rokt Thanksは、Aftersellを最初にセットアップした際に同意した利用規約の対象に含まれています。参考として、利用規約とプライバシーポリシーをご覧ください。 Rokt Thanksのオファーによる支払いを受け取るには、PayPalのメールアドレスを提供する必要があります。PayPalアカウントをお持ちでない場合でも、支払いを受け取りたいメールアドレスを入力できます。最初の支払いが処理された時点で、PayPalがアカウント作成をサポートします。支払いの詳細はこちらをご覧ください。
PayPalメールアドレス欄が表示されたRokt Thanks支払い設定ステップ
その後、Roktアカウントの作成とRokt Thanks機能へのアクセス付与が行われる間、アプリに読み込み画面が表示されます。この時点では、ストアでRokt Thanksがすぐに有効になるわけではありません。 アカウントが作成されたら、セットアップガイドの「Enable」ボタンをクリックしてRokt Thanksを有効化します。
Enableボタンがハイライトされたセットアップチェックリスト
次のステップ: ストアにオファーを配置します。

アプリブロックの配置

Rokt ThanksはShopifyのCheckout Extensibilityフレームワーク上に構築されているため、表示するにはShopifyページへのアプリブロックの配置が必要です。Rokt Network製品で使用するアプリブロックは「Rokt Thanks」ブロックと呼ばれます。 このブロックをサンキューページと注文ステータスページに配置するには、Rokt Thanks管理画面から「Edit Thank you page」ボタンと「Edit Order status page」ボタンをクリックしてください。Shopifyチェックアウトエディタにリダイレクトされます。
Rokt Thanksアプリブロックを追加しているShopifyチェックアウトエディタ
そこから、ページ内の任意のセクションで「Add block」をクリックし、Aftersellブロックのリストから「Rokt Thanks」を選択します。
AftersellブロックからRokt Thanksを選択したShopifyチェックアウトエディタのAdd blockパネル
配置したら、必ず「Save」をクリックしてください。
ShopifyチェックアウトエディタのツールバーでハイライトされたSaveボタン
Rokt Thanks管理画面に戻ると、ブロックの配置が自動的に検出され、タスクチェックリストが更新されます。アプリブロックがShopifyチェックアウトエディタで正常に保存されるまで、セットアップは未完了のままになりますのでご注意ください。
サンキューページと注文ステータスページのブロックが配置されたことを示すRokt Thanksセットアップチェックリスト

Rokt Vaulted Rewards(顧客アカウントページ)

概要 Shopifyは、アプリブロックに対応した新世代の顧客アカウントページ(具体的にはProfileページとOrdersページ)を導入しました。ストアがこの新しいアカウントページに移行済みであれば、サンキューページと同じように、これらの配置面にRokt Thanks広告を表示できるようになりました。 これは大きな追加収益の機会であり、現在の配置に対して推定10〜20%の上乗せが見込まれます。 要件 ストアがShopifyの新しい顧客アカウントページを使用している必要があります。ログイン体験を確認することで判別できます。 ストアフロントのナビゲーションバーにある「My Account」ボタンをクリックします。ログイン画面に特徴的な紫/藍色の「Continue with Shop」ボタンが表示され、Shop Pay認証が使用されている場合、ストアは新しいアカウントページを使用しており、この配置面の対象です。
紫色のContinue with Shopボタンとその他のサインインオプションが表示されたストアフロントのサインイン画面
ログイン後の画面:
Shopでサインインした後のログイン済み顧客アカウント画面
ステップ1: セットアップを完了する Aftersellの「Rokt Thanks」タブに新しいカードが表示されます。「Start setup」をクリックするとローダーが表示されます。読み込み中に、アカウントにOrders用とProfile用の2つの新しいページが作成され、すべての依存関係が自動的に設定されます。
新しいOrdersページとProfileページを作成するRokt ThanksタブのStart Setupカード
ステップ2: データアクセスを許可する アカウントページにRoktを表示するには、特定のアクセススコープが必要です。これには個別のボタンはありません。ページが作成されるとすぐに、Start setup が customer_read_customers と customer_read_orders をリクエストし、Shopifyが「Update data access」プロンプトを開きます。続行するには承認してください。
Aftersellがリクエストする顧客データとストアデータのスコープを一覧表示するShopifyのUpdate data accessプロンプト
ステップ3: アプリブロックを配置する 権限が付与されたら、「Edit Orders page」をクリックしてShopifyエディタを開きます。
5タスク中4タスクが完了し、Edit Orders PageボタンがハイライトされたRokt Thanksセットアップチェックリスト
「Rokt Thanks」アプリブロックは、ProfileページとOrderページの**両方**に追加する必要があります。そのため、以下の手順を両方の画面で繰り返してください。 まず、Shopifyエディタ上部のドロップダウンから対象の画面を選択します。
OrdersとProfileのアカウント画面がハイライトされた、開いた状態のShopifyエディタのページセレクタードロップダウン
「Add Block」をクリックして「Rokt Thanks」を選択します。
AftersellのRokt ThanksブロックがハイライトされたShopifyエディタのAdd blockパネル
配置したら、必ず「Save」をクリックしてください。もう一方の画面でも同じ手順を繰り返します。
セットアップガイドが追跡するのは Orders ページのブロックのみです。Profileブロックがまだ配置されていなくても、Ordersページのブロックが配置された時点でこのステップは完了と表示されます。セットアップが完了したと判断する前に、Profile画面をご自身で確認してください。
ShopifyチェックアウトエディタのツールバーでハイライトされたSaveボタン
これで完了です。Rokt Thanksがアカウントページで稼働を開始しました。
ClaimボタンとDeclineボタンが付いたHelloFresh無料ミールのRokt Thanksオファーの実例
Vaulted rewardsは、Shopifyの新しい顧客アカウントを使用しているストアで利用できます。Rokt Thanks管理画面にvaulted rewardsのオプションが表示されない場合、ストアはまだ対象外の可能性があります。

外観

ShopifyのExtensibilityフレームワークでは、いくつかの外観オプションを利用できます。これらのカスタマイズオプションは、Shopifyのチェックアウトエディタ内でShopifyによって制御されます。チェックアウトエディタには、Shopifyの「設定」>「チェックアウト」>「カスタマイズ」からアクセスできます。 Rokt Thanksは、チェックアウトページ用に選択されたタイポグラフィと、Colorセクションで指定されたボタン色およびアクセント色を継承します。
Rokt Thanksオファーがアクセント、ボタン、タイポグラフィの設定を継承していることを示すShopifyチェックアウトエディタの設定画面

配置をプレビューする

実際のページで配置を確認するには、次の手順に従ってください。
  1. Aftersell管理画面でRokt Thanksを有効化する
  2. Shopifyチェックアウトエディタで、「Rokt Thanks」アプリブロックがサンキューページ、注文ステータスページ、および(対象の場合)顧客アカウントページに配置されていることを確認する
  3. 配置を有効化してからテスト購入を行うまで10分待つ
  4. ストアでテスト購入を行い、各ページを確認する
Rokt Thanksが想定どおりに表示されない場合は、下のボタンをクリックして詳細をご確認ください。 詳細はこちら