Google AnalyticsでIDRViewerのページビューをトラッキングする
IDRViewerでGoogle Analyticsを動作させるには、以下のコード例を生成されたindex.htmlファイルに追加します。必要な作業は、閉じタグ</body>の直前にサンプルコードを追加し、G-XXXXXXXXの部分をあなたのGoogle Analyticsトラッキングコードに置き換えるだけです(取得方法が不明な場合はこちら
を確認してください)。
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXX"></script>
<script>
(function() {
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-XXXXXXXX');
function trackPageView(page) {
gtag('config', 'G-XXXXXXXX', {
'page_path': location.pathname + '?page=' + page
});
}
var THRESHOLD = 1000; // Length of time (in millis) required on page to be considered a pageview
var lastPage;
IDRViewer.on('pagechange', function (data) {
lastPage = data.page;
setTimeout(function () { // Wait until the page stops changing until sending page view
if (lastPage === data.page) {
trackPageView(data.page);
}
}, THRESHOLD);
});
})();
</script>
<!-- Global site tag ends -->
