AIを使用して英語から翻訳されました
この記事はAI技術を使用して翻訳されたことにご注意ください。正確性を維持するよう努めていますが、一部の詳細は元のテキストを完全に反映していない場合があります。情報に不明な点がある場合は、英語版を参照してください。
カテゴリ：ユーザー生成コンテンツ
この統合はWebプロジェクトのみで利用可能です
期待すること
この統合により、Stacklaウィジェットにさらされたページとユーザーを定義することができます。
収集するもの
動的変数
| キー | 値 | データ型 |
| UGC_ST_ウィジェット表示 | ウィジェットID : {widgetID} - {widgetName} | テキスト |
実装
実装手順
この統合を有効にするための指示を確認するには、統合のリクエスト方法のセクションに移動してください。完了したら、ここに戻ることができます。
上記のステップをすでに完了している場合は、以下を続けてください。
Stacklaアカウントにログインし、カスタムコードエディタを開きます
インラインタイルでJavascriptタブを使用してエディタを開く
まだ.on('widget:ready' コールバックが定義されていない場合は、以下のコードをすべてコピーしてこのセクションに貼り付けてください：
すでにそこに .on('widget:ready' コールバックが定義されている場合は、Stackla CS Integration の部分を上部のコメントから下部までコピーする必要があります（将来、更新が必要な場合にどのバージョンを実行しているかを確認できるようにコメントを保持してください）
これはコードです
$(document).on('widget:ready', function (e, instance) {
instance
.on('load', function (e, listData) {
/*
*名前: Stackla CS Integration
*バージョン: 1.1
*/
var topDom = (function () {
var i = 0,
domain = document.domain,
p = domain.split("."),
s = "_cs_tld" + (new Date()).getTime();
while (i < (p.length - 1) && document.cookie.indexOf(s + "=" + s) == -1) {
domain = p.slice(-1 - (++i)).join(".");
document.cookie = s + "=" + s + ";domain=" + domain + ";SameSite=None;Secure";
}
document.cookie = s + "=;expires=Thu, 01 Jan 1970 00:00:01 GMT;domain=" + domain + ";";
return domain;
})();
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(";");
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == " ") c = c.substring(1, c.length);
if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
}
return "";
}
var receiveMessage = function (f) {
if (f && f.data && f.data.message && f.data.message === "Contentsquare_Stackla_Integration_Launch" && f.data.user_values) {
window.removeEventListener("message", receiveMessage, true);
var getCookieValues = f.data.user_values;
if (getCookieValues) {
var splitCookieValues = getCookieValues.split("|");
var ct_uid = splitCookieValues[0];
var _cs_id = splitCookieValues[1];
var _cs_s = splitCookieValues[2];
var _cs_c = splitCookieValues[3];
var _cs_optout = splitCookieValues[4];
if (_cs_id && _cs_s && _cs_c) {
if (ct_uid) {
document.cookie = "WRUID=" + ct_uid + ";domain=" + topDom + ";path=/;SameSite=None;Secure";
}
document.cookie = "_cs_id=" + _cs_id + ";domain=" + topDom + ";path=/;SameSite=None;Secure";
document.cookie = "_cs_s=" + _cs_s + ";domain=" + topDom + ";path=/;SameSite=None;Secure";
document.cookie = "_cs_c=" + _cs_c + ";domain=" + topDom + ";path=/;SameSite=None;Secure";
if (_cs_optout) {
document.cookie = "_cs_optout=" + _cs_optout + ";domain=" + topDom + ";path=/;SameSite=None;Secure";
} else {
document.cookie = "_cs_optout=;domain=" + topDom + ";path=/;expires=Thu, 01-Jan-1970 00:00:01 GMT;SameSite=None;Secure";
document.cookie = "_cs_optout=;domain=." + document.location.host + ";path=/;expires=Thu, 01-Jan-1970 00:00:01 GMT;SameSite=None;Secure";
}
var partition = "";
var guid = "";
var tag_id = "";
var src = "";
if (f.data.partition) {
partition = f.data.partition;
guid = f.data.guid;
src = "https://cdnssl.clicktale.net/" + partition + "/ptc/" + guid + ".js"
} else if (f.data.tag_id) {
tag_id = f.data.tag_id;
src = "https://t.contentsquare.net/uxa/" + tag_id + ".js"
}
if (src) {
var mt = document.createElement("script");
mt.type = "text/javascript";
mt.async = true;
mt.src = src;
document.getElementsByTagName("head")[0].appendChild(mt);
if (e && e.target && e.target.widget_id && e.target.widgetConfig && e.target.widgetConfig.name) {
var widgetName = e.target.widgetConfig.name;
var widgetID = e.target.widget_id;
var pass_dvar_data = {
"message": "Contentsquare_Stackla_SendDvar",
"widget_name": widgetName,
"widget_id": widgetID
};
window.top.postMessage(pass_dvar_data, document.referrer);
}
}
}
}
}
};
window.addEventListener("message", receiveMessage, true);
var pass_ready_data = {
'message': 'Contentsquare_Stackla_Integration_Ready'
};
window.top.postMessage(pass_ready_data, document.referrer);
function callback() {
if (!disableCallback) {
disableCallback = true;
var pass_pv_data = {
"message": "Contentsquare_Stackla_Pageview",
"pv_value": readCookie("_cs_s")
};
window.top.postMessage(pass_pv_data, document.referrer);
}
}
var disableCallback = false;
window._uxa = window._uxa || [];
_uxa.push(["afterPageView", callback]);
//Stackla CS Integration 終了
});
});
動作確認
Chrome拡張機能を使用して、結果がCSに送信されているか確認できます