前提条件
| 情報aura-panel |
|---|
| summary | 前提条件 |
|---|
| params | JTdCJTIyYm9keSUyMiUzQSU3QiUyMnRleHQlMjIlM0ElN0IlMjJmb250U2l6ZSUyMiUzQTE0JTJDJTIyY29sb3IlMjIlM0ElN0IlMjJsaWdodCUyMiUzQSUyMiUyMzBlMGUwZSUyMiU3RCUyQyUyMmZvbnRXZWlnaHQlMjIlM0ElMjJsaWdodGVyJTIyJTJDJTIydGV4dEFsaWduJTIyJTNBJTIybGVmdCUyMiU3RCU3RCUyQyUyMmhlYWRlciUyMiUzQSU3QiUyMmljb24lMjIlM0ElN0IlMjJuYW1lJTIyJTNBJTIyZmFJbmZvQ2lyY2xlJTIyJTJDJTIyY29sb3IlMjIlM0ElMjIlMjMyODg4RjglMjIlMkMlMjJzaXplJTIyJTNBMjYlN0QlN0QlMkMlMjJoZWFkbGluZSUyMiUzQSU3QiUyMnRleHQlMjIlM0ElN0IlMjJ0ZXh0JTIyJTNBJTIyJUU1JTg5JThEJUU2JThGJTkwJUU2JTlEJUExJUU0JUJCJUI2JTIyJTJDJTIyY29sb3IlMjIlM0ElMjIlMjMyZDJkMmQlMjIlMkMlMjJmb250U2l6ZSUyMiUzQTE4JTJDJTIyZm9udFdlaWdodCUyMiUzQSUyMmJvbGQlMjIlMkMlMjJ0ZXh0QWxpZ24lMjIlM0ElMjJsZWZ0JTIyJTdEJTdEJTJDJTIyYmFzZSUyMiUzQSU3QiUyMmJhY2tncm91bmRDb2xvciUyMiUzQSU3QiUyMmNvbG9yJTIyJTNBJTIyJTIzZmZmZmZmJTIyJTdEJTJDJTIyYm9yZGVyJTIyJTNBJTdCJTIyY29sb3IlMjIlM0ElMjIlMjMyODg4RjglMjIlMkMlMjJ3aWR0aCUyMiUzQTEwJTJDJTIydG9wJTIyJTNBZmFsc2UlMkMlMjJyaWdodCUyMiUzQWZhbHNlJTJDJTIyYm90dG9tJTIyJTNBZmFsc2UlMkMlMjJsZWZ0JTIyJTNBdHJ1ZSUyQyUyMnN0eWxlJTIyJTNBJTIyc29saWQlMjIlN0QlMkMlMjJib3JkZXJSYWRpdXMlMjIlM0ElN0IlMjJyYWRpdXMlMjIlM0E0JTdEJTJDJTIyYm94U2hhZG93JTIyJTNBJTdCJTIyc2hhZG93cyUyMiUzQSU1QiU3QiUyMmNvbG9yJTIyJTNBJTIycmdiYSgwJTJDJTIwMCUyQyUyMDAlMkMlMjAwLjA4KSUyMiUyQyUyMnglMjIlM0EwJTJDJTIyeSUyMiUzQTElMkMlMjJibHVyJTIyJTNBMSUyQyUyMnNwcmVhZCUyMiUzQTAlN0QlMkMlN0IlMjJjb2xvciUyMiUzQSUyMnJnYmEoMCUyQyUyMDAlMkMlMjAwJTJDJTIwMC4xNiklMjIlMkMlMjJ4JTIyJTNBMCUyQyUyMnklMjIlM0ExJTJDJTIyYmx1ciUyMiUzQTMlMkMlMjJzcHJlYWQlMjIlM0ExJTdEJTVEJTdEJTdEJTdE |
|---|
|
futureshopの測定タグで設定をする場合の手順です。
GoogleAnalytics側の設定は既に完了しているお客さまを対象としております。 |
GoogleAnalytics設定
GoogleAnalytics設定で利用設定にチェックを入れ、プロパティIDを設定します。
...
測定タグの設定
全ページ共通
<head>タグ内に出力するを選択
出力内容にグローバルサイトタグ（gtag.js）を埋め込む
注文完了ページ
...
| パネル |
|---|
| panelIconId | 31-20e3 |
|---|
| panelIcon | :one: |
|---|
| panelIconText | 1️⃣ |
|---|
| bgColor | #B3F5FF |
|---|
|
GoogleAnalytics設定 |
futureshop管理画面のメニュー：プロモーション管理 > GoogleAnalytics設定で、利用設定にチェックを入れ、御社のGoogle AnalyticsのプロパティIDを設定します。
...
| パネル |
|---|
| panelIconId | 32-20e3 |
|---|
| panelIcon | :two: |
|---|
| panelIconText | 2️⃣ |
|---|
| bgColor | #B3F5FF |
|---|
|
測定タグの設定 |
futureshop管理画面のメニュー：プロモーション管理 > 測定タグ一覧で、以下を設定いただきます。
WhatYa AutoCVの利用に必要なタグ…注文完了ページ以外
注文完了後のCV金額送信に必要なタグ…注文完了ページのみ
...
測定タグを新たに追加する場合は、画面左下の「測定タグを追加する」をクリックしてください。
...
まず、以下を設定し、各ページの設定方法にお進みください。
利用設定…利用するにチェック入れてください
名称設定 設定名…任意の設定名を入力してください
...
| パネル |
|---|
| panelIconId | 2699 |
|---|
| panelIcon | :gear: |
|---|
| panelIconText | ⚙️ |
|---|
| bgColor | #E6FCFF |
|---|
|
注文完了ページ以外 |
注文完了ページ以外の全てのページに、WhatYa AutoCV利用に必要な埋め込みタグを設定します。
トップページ
商品一覧（商品グループ・バンドル商品・クーポン対象商品）
商品検索結果一覧
商品詳細
ショッピングカートページ
会員登録完了
メールマガジン申込完了
商品検索結果一覧
上記の注文完了ページ以外に、以下の設定を行ってください。
...
出力設定
<body>タグ内（<body>タグの後）に出力するを選択
出力内容
以下タグを埋め込みます。
※以下の埋め込みタグはサンプルとなりますので、御社の埋め込みタグを入れてください。
| コード ブロック |
|---|
<script src="https://whatya.solairo-api.com/XXX/chat.js"></script> |
| パネル |
|---|
| panelIconId | 2699 |
|---|
| panelIcon | :gear: |
|---|
| panelIconText | ⚙️ |
|---|
| bgColor | #E6FCFF |
|---|
|
注文完了ページ |
注文完了ページに、注文完了後のCV金額送信に必要なタグを設定します。
注文完了ページに、以下の設定を行ってください。
...
出力設定
<body>タグ内（<body>タグの後）に出力するを選択
出力内容
以下タグを埋め込みます。
※一行目の埋め込みタグはサンプルとなりますので、御社の埋め込みタグ(非表示タグ)を入れてください。
| コード ブロック |
|---|
<script data-no-chat="true" src="https://whatya.solairo-api.com/XXX/chat.js"></script>
<script>
window.onWhatYaReady = (whatya) => {
whatya.purchase({ price: {% analytics.purchase_price_with_options_including_tax %}, user_id: '{@ member.id @}' });
}
</script> |
...
設定は以上となります。