[Javascript] Shopify App - 修正 location.replace 與 GA 追蹤碼 utm_* 的應用

認真使用 Shopify 大概也有一個多月了，使用了一些付費 Shopify App 在做本地化加強，發現這些第三方 app 還滿善用 variant 機制，原先是拿來設計一個商品有多種顏色等用途，現在則是應用在多儲存一些在地化的資訊。

因此，當發現需要轉化成在地化資訊時，會透過接近導網址架構，多添加 variant 資訊：

var new_url = window.location.protocol + '//' + window.location.host + window.location.pathname + '?variant=' + variant_id;

然而這樣的小機制，卻把 utm_* 的追蹤碼都給去掉了 XD 所以在幫他補強一下：

var new_url = window.location.protocol + '//' + window.location.host + window.location.pathname + '?variant=' + variant_id;

if (window.location && window.location.href) {

var m = window.location.href.match(/[\?&]([^=]+=[^&]+)/g);

if (m) {

var params = null;

for (var i=0; i<m.length ; ++i) {

if (m[i].indexOf('utm_') > 0) {

if (params == null) {

params = m[i].substr(1);

} else {

params += '&' + m[i].substr(1);

}

}

}

if (params != null) {

new_url += '&' + params;

}

}

}

收工！