ポップアップ設置コードのタグマネージャー連携について

ポップアップ設置コードのタグマネージャー連携

GTM(Googleタグマネージャ)

コードを追加していただくと連携できます。

・通常のポップアップ設置コード

 <div id="satori__creative_container">
<script id="-_-satori_creative-_-" src="//delivery.satr.jp/js/creative_set.js" data-key="xxxxxxxxxxxxx"></script>
</div>

 

・GTM用のポップアップ設置コード

<div id="satori__creative_container"></div>
<script>
(function() {
"user strict";
var root = this;
var domain, creative_key, loadScript, queryBuilder, params;
root.SatoriForm = {
configure: function(obj) {
var self = this;
root.__tempConfigureObj = obj;
}
};
domain = "delivery.satr.jp";
creative_key = "xxxxxxxxxxxxx";
loadScript = function(src, callback) {
var done = false;
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.src = src;
head.appendChild(script);
// Attach handlers for all browsers
script.onload = script.onreadystatechange = function() {
if (!done && (!this.readyState || this.readyState === "loaded" || this.readyState === "complete")) {
done = true;
callback();
// Handle memory leak in IE
script.onload = script.onreadystatechange = null;
if (head && script.parentNode) {
head.removeChild(script);
}
}
};
};
getCookie = function(key) {
var cookieString, cookieKeyArray, i, len, targetCookie, valueIndex;
cookieString = document.cookie;
cookieKeyArray = cookieString.split(";");
len = cookieKeyArray.length;
for (i = 0; i < len; i++) {
targetCookie = cookieKeyArray[i];
targetCookie = targetCookie.replace(/^\s+|\s+$/g, "");
valueIndex = targetCookie.indexOf("=");
if (targetCookie.substring(0, valueIndex) == key) {
return unescape(targetCookie.slice(valueIndex + 1));
}
}
return "";
};
queryBuilder = function(params) {
var result = [];
Object.keys(params).forEach(function(key) {
result.push(key + "=" + encodeURIComponent(params[key]))
});
return result.join("&");
};
params = {
current_url: document.URL,
referer_url: document.referrer,
logging_status: "true",
st_segs: getCookie("st_segs"),
st_id: getCookie("satori_id")
};
loadScript("//" + domain + "/creative_set/" + creative_key + "/f.js?" + queryBuilder(params), function() {
var config = root.__tempConfigureObj;
root.__tempConfigureObj = undefined;
if (typeof configure == "object") {
SatoriCreative.configure(config);
}
SatoriCreative.start();
});
}).call(this);
</script>


『xxxxxxxxxxxxx』の部分には、各設置コードに書いてある英数字をご入力ください。

 

 

GTM以外のタグマネージャー

弊社では検証しておりませんので、ご了承ください。