| 目次 | ||||
|---|---|---|---|---|
|
前提条件
...
| 情報 |
|---|
前提として、Googleアナリティクスのコンバージョンやpurchaseイベントなど 本機能をお客さまにご提案する場合は、事前に下記をご確認ください。 |
前提条件：
前提1：WhatYaをご利用していること
現在OK SKYをご利用のお客さまの場合はWhatYaに切り替えていただく必要があります。
前提2：GA4に移行完了していること
現在UAにも対応しておりますが、2023年7月1日にUAがサポート終了となるため
GA4に移行後に本機能をご利用いただくことを推奨いたします。
※参考記事：https://support.google.com/analytics/answer/11583528?hl=ja
前提3：GoogleタグマネージャーでGoogleアナリティクスのGA4設定をしていること
※Webサイトのコードに直接グローバルサイトタグ（gtag.js）を埋め込んでいる場合はこちらをご確認ください。
...
購入金額をGAに表示したい場合
GA4のeコマースイベント（purchaseイベントなど）「WEBで検知した購入データをGoogleAnalyticsに送信する機能」がWEBサイト側に実装されている事が前提となります。
機能について
お客さまのWEBサイトにGoogleアナリティクスタグが埋め込まれていれば、イベント送信可能です。
※gtag関数を確認してイベント送信をしています。
送信できるイベント一覧についてはこちらをご確認ください。
補足
エンドユーザーがチャットボタンクリック以上の何かしらアクションをしないとイベント送信はされません。
そのため、サンクスページなどチャットを非表示にしている場合は、エンドユーザーから何かしらのアクションができないためイベント送信はされません。
ご利用までの流れ
【空色】御社環境でのイベント送信機能を有効化
弊社にて有効化する際、どのイベントを送信するかご連絡ください。【御社】GTMのheadに埋め込むタグよりも上に既存のGA4プロパティのGoogleタグを埋め込む
WhatYaでは、gtag関数を確認してイベント送信しているので、Googleタグ（gtag.js）を埋め込んでいただく必要がありますので
既存のGA4プロパティのGoogleタグを<head>タグの直後に埋め込んでください。
埋め込み場所の目安は、GTMのheadに埋め込むタグよりも上に埋め込んでいただくことを推奨いたします。
※2を実施いただいてpageview数などが重複カウントされるようでしたら、以下をお試しください。
https://bunkyudo.co.jp/ga4-tag-management-t-h/【御社】GA上でイベントが送信されているか確認
手順1、2完了後、GA上でイベントが送信されているかご確認ください。
イベントの確認方法はこちらをご参照ください。
もし、イベントが送信されていないなどありましたら、WhatYaヘルプセンターまでお問い合わせください。
イベントの確認について
| ヒント |
|---|
GA4でイベントを確認する場合 |
探索 > 手法：ユーザーエクスプローラ
セグメント > イベントセグメント > イベント > クライアント名
セグメントの比較 > 上記セグメントで作ったものをD&D
...
WhatYa AutoCVの埋め込みタグをfutureshopの測定タグで設定をする場合の手順です。
| パネル | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
測定タグの設定 |
futureshop管理画面のメニュー：プロモーション管理 > 測定タグ一覧で、以下を設定いただきます。
WhatYa AutoCVの利用に必要なタグ…注文完了ページ以外
注文完了後のCV金額送信に必要なタグ…注文完了ページのみ
...
測定タグを新たに追加する場合は、画面左下の「測定タグを追加する」をクリックしてください。
...
まず、以下を設定し、各ページの設定方法にお進みください。
利用設定…利用するにチェック入れてください
名称設定 設定名…任意の設定名を入力してください
...
| パネル | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
注文完了ページ以外 |
注文完了ページ以外の全てのページに、WhatYa AutoCV利用に必要な埋め込みタグを設定します。
トップページ
商品一覧（商品グループ・バンドル商品・クーポン対象商品）
商品検索結果一覧
商品詳細
ショッピングカートページ
会員登録完了
メールマガジン申込完了
商品検索結果一覧
上記の注文完了ページ以外に、以下の設定を行ってください。
...
出力設定
<body>タグ内（<body>タグの後）に出力するを選択
出力内容
以下タグを埋め込みます。
※以下の埋め込みタグはサンプルとなりますので、御社の埋め込みタグを入れてください。
| コード ブロック |
|---|
<script src="https://whatya.solairo-api.com/ |
...
XXX/chat. |
...
js"></script> |
...
| パネル |
|---|
...
イベントラベル
...
エンドユーザーのアクション
...
"click-link”
...
リンクをクリック
...
"select-list-item”
...
リストを選択
...
"select-chips-item”
...
チップを選択
...
"select-slider-item”
...
スライダーを選択
...
"send-message”
...
メッセージを送信
...
"play-youtube”
...
Youtubeを再生
...
"show-attachment-item-detail”
...
アタッチメント詳細ボタンを押して詳細画面が開いた
上記以外でご要望などありましたら、WhatYaヘルプセンターでご相談ください。
Related articles
...
| ||||||||
注文完了ページ |
注文完了ページに、注文完了後の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> |
注文完了ページでもポップアップを表示させたい場合は以下のタグを埋め込んでください。
| コード ブロック |
|---|
<script 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> |
...
設定は以上となります。