<FORM …action=“Aサイト” >
<INPUT … name=“AAA” value=”123”>
というようなHTMLからカルテでABテストをするために、Bサイト、Cサイトへ振り分けを行うとき、
FORMの内容を遷移先に連携したいのですが、どのような設定を行えばよいでしょうか?
<FORM …action=“Aサイト” >
<INPUT … name=“AAA” value=”123”>
というようなHTMLからカルテでABテストをするために、Bサイト、Cサイトへ振り分けを行うとき、
FORMの内容を遷移先に連携したいのですが、どのような設定を行えばよいでしょうか?
例えばフォームタグをご利用頂くと、フォームの送信内容をイベントとしてKARTEに連携することができます!
ただし、フォームの送信先のサイトにもタグが埋まっている必要がありますね。
有難うございます。
KARTEを初めて触りますので、ポイントのズレたことを聞くかもしれませんが、
申し訳ございません。
設定について、サポートサイトを参考に行おうと思いますが、以下、2点ご質問させてください。
方針としては、送信元に1)のタグを埋め込み、2)のフィルターイベントを設定して動作を確認しようと思っています。
1)タグの種類と挿入サイトについて
タグは下記のタグ(編集した内容)を送信元に差し込むという認識でよろしいでしょうか?
また、同じものを送信先のサイトにも埋め込むという事でしょうか?
下記と違ってKARTEの計測で必要な固定のタグと、下記のタグの何方が対象なのか、両方なのかで迷子になっています…。
<script type="text/javascript">
tracker.form("「トラッキング対象となるformのCSSセレクタ」", {
// トラッキングする場合は必須
send_data: true,
// 必須: トラッキングされるKARTEのイベント名(他のフォームタグ経由イベントと区別するため)
event_name: "「KARTEのイベント名」",
// 任意: トラッキングしたくないパラメータ
stop_words: ['foo', 'bar'],
// 任意: データに対する前処理を定義し、returnされたObjectを送信する場合に設定 (この例では、トラッキングするパラメータの名称を変換している)
pre: function(data) {
data.new_name = data.old_name;
delete data.old_name;
return data;
}
});
</script>
2) フィルターイベントの設定方法について
まず、KARTEがサイトでのトラッキングを計測するためには「計測タグ」が、計測対象のサイトの全ページに設置してある必要が有ります。
これが、すなわち「KARTEの計測で必要な固定のタグ」です。
)
フォームタグは、上記の計測タグに加えてしかも、タグとして後に実行されるように設置して頂く必要があります。
(ちなみにこのタグを「そのまま」設置しても、動作しません。サイトの環境によって書き換えて頂く必要が有ります)
また、フォームタグの設置先ですが「フォームが存在しているページ(サイト)」に設置してする必要があります。
(前述のとおりですがフォームの遷移先のページにも計測タグが設置されている必要がありますのでご注意ください)
フォームタグが正常に動作しますと、特にフィルターイベントなどを作らずともイベントが発生します。
御自身のユーザーストーリーで指定したイベント名のイベントが発生しているかを確認すればよいかと存じます。
計測タグはそのまま設置するだけですが、フォームタグの設置には、一定のJavascriptの知識が必要になってきます。
その点ご注意ください!
ありがとうございます。
まとめると、
1) 埋め込むタグには「計測タグ」と「FORMタグ」がある。
2) 遷移元と遷移先に「計測タグ」を埋め込む。
3) 遷移元は「FORMタグ」も埋め込む
4) 遷移先と遷移元に1~3の設定が正しく行えていれば、フィルターイベントを用意しなくてもForm内容の連携が行える。
試してみます!
下記を挿入しました。
[spoiler]This text will be blurred[/spoiler]tracker.form("submit_test", {
send_data: true,
event_name: "submit",
});
すると、クロスサイトでエラーになりカルテタグが認識されません。
A cookie associated with a cross-site resource at http://karte.io/ was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.
これにより、KARTEで設定したボタンなどが表示されなくなります。
下記のような回答だと思いますが、テストしたところ結果は変わりませんでした。
ただし、下記のスクリプトはエラーにならずにトラックできます。
tracker.track("submit", {
"tempFLG": true,
"itemCD": "123003600420200101",
});
目的はトラックではなく、遷移先へのFormの値を連携することなのですが、
KARTE側のコンソール画面でトラックした値を遷移先に引き渡すことは可能でしょうか?
もしちゃんとJavascriptとして認識されていれば問題なさそうですね。
(このSpolierってのが謎ですが、コレは実際は記載されてない認識で正しいですよね?)
(あと、"submit"の後の,
は不要です)
KARTEで設定したボタンなども動作していないということは、
KARTEの計測タグが動作していない可能性が高く、その場合Javascript的におかしい可能性が高いです。
クロスサイトのエラーは本件とは関係ない可能性が高いです。
サイト上でのKARTEの動作デバッグには、Action Viewerが便利なので
使ってみてくださいませ!
返信ありがとうございます。
タグは以下です。(Spolierの箇所は、ブラウザで確認したごみデータです。すみません。)
tracker.form("submit_test", {
send_data: true,
event_name: "submit",
});
そして、この時に
A cookie associated with a cross-site resource at http://karte.io/ was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.
が出力されるという事象です。
このスクリプトエラーが出力されている為にボタンの出力も行われていないように思えます。
何故なら、
tracker.track("submit", {
"tempFLG": true,
"itemCD": "123003600420200101",
});
のタグだけであれば動作するからです。
可能性としては、先のタグ(tracker.form~)に問題があることになるかと思います。
まず、先のタグで問題がありますでしょうか?
おそらく、「tracker.form」というタグが入っていようといまいと、記載いただいているsamesiteエラー(というかWarn)は表示されるかと存じます。
samesiteエラーは、Chrome80で入った修正によって発生したCookieに対して付与されるパラメータに関するエラーであり、Chrome限定の話で、かつFormタグは全く関係がありません・・
計測タグ自体の動作が止まっているとすると、例えばFirefoxなど別のブラウザでも問題が起きると思います。
tracker.form("submit_test", {
send_data: true,
event_name: "submit",
});
上記いただいたタグは全く問題がありません。
上記のタグが、計測タグより後に実行されている必要が有りますが、その点はいかがでしょうか?
(もしそうだった場合は、trackerなんて定義されてません的なJavascriptのエラーが出ると思いますが・・)