<script>
(function(para) {
    var p = para.sdk_url, n = para.name, w = window, d = document, s = 'script',x = null,y = null;
    w['sensorsDataAnalytic201505'] = n;
    w[n] = w[n] || function(a) {return function() {(w[n]._q = w[n]._q || []).push([a, arguments]);}};
    var ifs = ['track','quick','register','registerPage','registerOnce','clearAllRegister','trackSignup', 'trackAbtest',    'setProfile','setOnceProfile','appendProfile', 'incrementProfile', 'deleteProfile', 'unsetProfile',     'identify','login','logout','trackLink','clearAllRegister'];
    for (var i = 0; i < ifs.length; i++) {
        w[n][ifs[i]] = w[n].call(null, ifs[i]);
    }
    if (!w[n]._t) {
        x = d.createElement(s), y = d.getElementsByTagName(s)[0];
        x.async = 1;
        x.src = p;
        w[n].para = para;
        y.parentNode.insertBefore(x, y);
    }
})({
    sdk_url: '在 github 下載新版本的 sensorsdata.min.js ',
    name: 'sensors',
    server_url:'數據接收網址',
    heatmap: {
        //default 表示開啟，自動採集 $WebClick 事件，可以設定 'not_collect' 表示關閉。
        clickmap:'default',
        //default 表示開啟，自動採集 $WebStay 事件，可以設定 'not_collect' 表示關閉。
        scroll_notice_map:'default'
    }
});
//呼叫程式碼之後，SDK 就會自動收集頁面瀏覽事件，以及設定初始來源。
sensors.quick('autoTrack');
</script>

// 設定之後，SDK 就會自動收集頁面瀏覽事件，以及設定初始來源。
sensors.quick('autoTrack')

// 另外，如果想加額外的屬性，可以如下方式（增加 platform 屬性為 h5）
sensors.quick('autoTrack', {
	platform:'h5'
})

// SDK 初始化參數設定
heatmap: {
	//是否開啟點擊圖，default 表示開啟，自動採集 $WebClick 事件，可以設定 'not_collect' 表示關閉。
	clickmap:'default'
}

// SDK 初始化參數設定
heatmap: {
//是否開啟觸達注意力圖，default 表示開啟，自動採集 $WebStay 事件，可以設定 'not_collect' 表示關閉。
//需要 Web JS SDK 版本大於 1.9.1
	scroll_notice_map:'default'
}

heatmap:{  
        collect_tags:{
              div : true
        }
}

<div name='test' data-sensors-click>我是測試元素</div>
<li data-sensors-click class='test-li'>我是測試元素</li>

<script src="xxxx/xxx/sensorsdata.js"></script>
<script>
var sensors = sensorsDataAnalytic201505;
sensors.init({
  server_url: 'SERVER_URL', 
  heatmap: {
    track_attr: ['hotrep', 'anotherprop', "data-prop2"],
    clickmap:'default',
    scroll_notice_map: 'not_collect'
  }
});
</script>
...
<p hotrep id="test1">hotrep p tag</p>
<p><span anotherprop id="test2">another repo a.b.c</span></p>
<p><strong data-prop2 id="test3">strong with prop2 attribute</strong></p>

// 下面示範一個 div 標籤被點擊時觸發預設的元素點擊事件
<div id="submit_order">提交訂單</div>

<script type="text/javascript">
$('#submit_order').on('click', function() {
	sensors.quick('trackHeatMap', this, {
		customProp1: 'test1', //如果需要增加自定義屬性需要將 SDK 升級到 1.13.7 及以上版本。
		customProp2: 'test2'
	}, function() {
	console.log('callback');
	});
});
</script>

<div v-on:click="track">點擊</div>

<script>
export default {
	methods: {
		track: function(event) {
			sensors.quick('trackHeatMap', event.target, {
				customProp1: 'test1', //如果需要增加自定義屬性需要將 SDK 升級到 1.13.7 及以上版本。
				customProp2: 'test2'
			}, function() {
				console.log('callback');
			});
		}
	}
}
</script>

// 下面示範一個 button 按鈕被點擊時觸發預設的元素點擊事件
<button id="testp">測試按鈕</button>

<script type="text/javascript">
$('#testp').on('click', function() {
	sensors.quick('trackAllHeatMap', this, {
		customProp1: 'test1', //如果需要增加自定義屬性需要將 SDK 升級到 1.13.7 及以上版本。
		customProp2: 'test2'
	}, function() {
		console.log('callback');
	});
});
</script>

heatmap: {
    clickmap: 'default',
    scroll_notice_map: 'default',
    loadTimeout: 3000,
    collect_url: function(){
        // 如果只採集首頁
        if(location.href == = 'xxx.com/index.html' | | location.href == = 'xxx.com/'){
            return true
        }
    },
    // 此參數針對預設 $WebClick 事件（包括 quick('trackHeatMap') quick('trackAllHeatMap') 觸發的）生效。
    collect_element: function(element_target){
        // 如果這個元素有屬性sensors-disable = true時候，不採集。
        if(element_target.getAttribute('sensors-disable') == = 'true'){
            return false
        }else{
            return true
        }
    },
    // 此參數針對預設 $WebClick 事件（包括 quick('trackHeatMap') quick('trackAllHeatMap') 觸發的）生效。
    custom_property: function(element_target){
        // 比如您需要給有 data = test 屬性的標籤的點擊事件增加自定義屬性 name: 'aa' ，則程式碼如下：
        if(element_target.getAttribute('data') == = 'test'){
            return {
                name: 'aa'
            }
        }
    },
    collect_input: function(element_target){
        // 例如如果元素的 id 是a，就採集這個元素裡的內容。
        if(element_target.id == = 'a'){
            return true
        }
    },
    element_selector: 'not_use_id',
    renderRefreshTime: 1000
}

scrollmap: {
    collect_url: function(){
        // 如果只採集首頁
        if(location.href == = 'xxx.com/index.html' | | location.href == = 'xxx.com/'){
            return true
        }
    },
},
heatmap: {
    // 是否開啟觸達注意力圖，default 表示開啟，自動採集 $WebStay 事件，可以設定 'not_collect' 表示關閉。
    // 需要 Web JS SDK 版本大於 1.9.1
    scroll_notice_map: 'not_collect',
    scroll_delay_time: 4000,
    scroll_event_duration: 18000 // 單位秒，預設屬性停留時長 event_duration 的最大值。預設5個小時，也就是300分鐘，18000秒。
}

//SDK版本1.12.18以上支援，預設值為false。
is_track_single_page:true
//注意預設的： sa.quick('autoTrack') 是需要的。

is_track_single_page : function (){
	return true 時候，使用預設傳送的 $pageview
	return false 時候，不執行預設的 $pageview
	return {} 時候，把物件中的屬性，覆蓋預設 $pageview 裡的屬性。
}
//注意預設的： sa.quick('autoTrack') 是需要的

// 比如現在是在 react 中可以在全域的 onUpdate 裡來呼叫。
onUpdate: function(){
    sensors.quick('autoTrackSinglePage')
}

//vue 專案在路由切換的時候呼叫。
router.afterEach((to, from)= > {
    Vue.nextTick(()= > {
        sensors.quick("autoTrackSinglePage")
    })
})
//注意： vue下因為首頁打開時候就會預設觸發頁面更新，所以需要去掉預設加的 sa.quick('autoTrack')。

sensors.quick("autoTrackSinglePage",{platForm:"H5"});

router.beforeEach((to, from, next) => { 
	document.title = '新頁面的 title 值';
	next() 
})