ポップアップ設置コードのタグマネージャー連携について
GTM（Googleタグマネージャ）のみ対応をしております。
コードを書き換えてGTM側で設定をいただくことで可能でございます。
過去のGTMタグ書き換えコード（複数設置非対応）、現在の書き換えコード（複数設置対応）2つの方法がございます。
・通常のポップアップ設置コード
<div id="satori__creative_container">
<script id="-_-satori_creative-_-" src="//delivery.satr.jp/js/creative_set.js" data-key="xxxxxxxxxxxxx"></script>
</div>
１つのポップアップに対するGTM用の設置コード
こちらのGTMコードはポップアップ複数設置には対応しておりません。複数設置をご希望の場合は下部にあります「複数設置用のGTMの設置コード」をご確認ください。
14行目の『xxxxxxxxxx』の部分には、設置コードに書いてある「data-key="xxx"」の英数字をご入力ください。
<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 = "xxxxxxxxxx";
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>「document.writeをサポートする」のチェックがついている場合は外すようにお願いいたします。
複数のポップアップに対するGTM用の設置コード
※以下についてはポップアップ複数設置リリース後の2018/09/25に利用が可能になります。
ポップアップ複数設置を行うためには、GTM側で以下の通りにコードの書き換えが必要となります。本ページの上部に記載しております「1つのポップアップに対するGTM書き換えコード」は、複数設置には対応しておりませんのでご注意ください。
例として「data-key="xxx"」「data-key="yyy"」2つのポップアップを同一ページ内へ設定する場合は、以下の2つの方法いづれかで複数設置が可能でございます。
※GTM設定内で「document.writeをサポートする」のチェックがついている場合は外すようにお願いいたします。
(1)GTMタグ中に「複数の設置コードを設定する」方法
以下のコード内の「xxxxxxxxxxxxxxxx」「yyyyyyyyyyyyyyyy」はポップアップ設置コード「data-key="xxx"」「data-key="yyy"」の英数字をご入力ください。
更にポップアップを増やす場合は、「__SatoriCreativeSetInitiators.push("zzzzzzzzzzzzzzz");」を4行目以降に追記いただく事で可能です。
<script>
if (typeof __SatoriCreativeSetInitiators === "undefined") { __SatoriCreativeSetInitiators = []; }
__SatoriCreativeSetInitiators.push("xxxxxxxxxxxxxxxx");
__SatoriCreativeSetInitiators.push("yyyyyyyyyyyyyyyy");
</script>
<script type="text/javascript" src="//delivery.satr.jp/js/creative_set_initiator.js"></script>※1つのポップアップを設置したい場合、
__SatoriCreativeSetInitiators.push("");は１つ記載いただければ正しく動作いたします。
(2) 2つのGTMのタグ設定をし同時にトリガーが実行される場合の、それぞれのGTMタグ内の記載方法
・1つ目のGTMタグ内
<script>
if (typeof __SatoriCreativeSetInitiators === "undefined") { __SatoriCreativeSetInitiators = []; }
__SatoriCreativeSetInitiators.push("xxxxxxxxxxxxxxxx");
</script>
<script type="text/javascript" src="//delivery.satr.jp/js/creative_set_initiator.js"></script>・２つめのGTMタグ内
<script>
if (typeof __SatoriCreativeSetInitiators === "undefined") { __SatoriCreativeSetInitiators = []; }
__SatoriCreativeSetInitiators.push("yyyyyyyyyyyyyyyy");
</script>
<script type="text/javascript" src="//delivery.satr.jp/js/creative_set_initiator.js"></script>
GTM以外のタグマネージャー
弊社では挙動の保証はしておりません。ご了承くださいませ。