目前有 344 位成員在線上
目前有 344 位成員在線上
GA提供許多進階設定幫助您進一步瞭解數據,您可以在這裏提問並且得到專家分析
使用指南
star_border
回覆

求解決 - 當GA遇上iframe

[ 已編輯 ]
解答王
# 1
解答王

求GA安裝解決方法

我的網頁用了iframe, GA是放在GTM裡, 已參考了文章說要放在<head>裡, 但碼還是沒有被觸發

請求解決方案 orz

 

以下是碼放在的位置

 

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link type="text/css" media="screen" href="/home/css/jqtouch.css" rel="stylesheet" />
<link type="text/css" media="screen" href="/home/css/theme.css" rel="stylesheet" />
<script src="/home/js/loadresource.js" type="text/javascript"></script>
<link type="text/css" media="screen" href="/home/css/mlStyle.css" rel="stylesheet" />
<script src="/home/js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="/home/js/iscroll.js" type="text/javascript"></script>
<script src="/home/js/jqtouch.js" type="application/x-javascript"></script>
<!--script src="/home/js/bnp-script.js" type="text/javascript"></script-->
<script src="/home/js/bnp-script_c.js" type="text/javascript"></script>
<script src="/home/js/jquery.touchwipe.1.1.1.js" type="text/javascript"></script>
<script src="/home/js/jquery.cookie.js" type="text/javascript"></script>

<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-NQSRPS"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NQSRPS');</script>
<!-- End Google Tag Manager -->

</head>
<body class="ch" onorientationchange="updateOrientation();">
<div id='addhomescreen' style='clear: both; position: absolute; bottom: -63px; z-index: 1000;'></div>
<div id="jqt" style="visibility:hidden">
<div id="loadingIcon"></div>
<div id="menu" style="display:block">
<div class="hideshowImage"> <img class="showimg" src="/home/images/menu/show.png" width="82" height="21" /> </div>
<div class="iscrollWrapper" id="menu_wrapper" style="display:none">
<div class="scroller menuContent">
<ul id="menuIndicator">

My Blog: Stampede Lab

4 專家回覆verified_user
1 已接受解決方案

已接受解決方案
標記為最佳解答.
解決方案
由主題作者所接受 Stampede
‎2015-09-03 01:31

回應: 求解決 - 當GA遇上iframe

[ 已編輯 ]
解答王
# 2
解答王

我剛查了開發中心,GTM好像不建議丟在iFrame裡面,不過我沒動手試過,也不太能肯定

Note: The Google Tag Manager snippet must be placed directly in the page that you intend on tracking. Placing it in a hidden iframe or deploying it within another tag management system will prevent certain tags from accurately tracking the parent page.

參考網址: https://developers.google.com/tag-manager/quickstart

在原始文章中檢視解決方案

標記為最佳解答.
解決方案
由主題作者所接受 Stampede
‎2015-09-03 01:31

回應: 求解決 - 當GA遇上iframe

[ 已編輯 ]
解答王
# 2
解答王

我剛查了開發中心,GTM好像不建議丟在iFrame裡面,不過我沒動手試過,也不太能肯定

Note: The Google Tag Manager snippet must be placed directly in the page that you intend on tracking. Placing it in a hidden iframe or deploying it within another tag management system will prevent certain tags from accurately tracking the parent page.

參考網址: https://developers.google.com/tag-manager/quickstart

回應: 求解決 - 當GA遇上iframe

解答王
# 3
解答王
那直接把code放在<head>(因為iframe的關係)?

My Blog: Stampede Lab

回應: 求解決 - 當GA遇上iframe

解答王
# 4
解答王
我同事(程式背景)請你把GTM放去body,另外可以改掉datalayer名稱,怕是遇到datalayer名稱衝突
https://developers.google.com/tag-manager/devguide#renaming

回應: 求解決 - 當GA遇上iframe

解答王
# 5
解答王
改成從</head>前面 放到<head> 的後面, 先這樣試試看...

回應: 求解決 - 當GA遇上iframe

解答王
# 6
解答王

HI @Stampede 

 

我重新思考了一下,我發現其實是可以放在 iframe裡面,我剛剛也實做了一下,的確有資料產生。

 

我的實做方法如下 : 

1. 先創立A.html 放入 GTM 。

2. 創立B.html,B.html 只寫 <iframe src="A.html"></iframe>

3. 去測試B.html (有資料)

4. 去測試A.html (有資料)

 

這邊有幾個地方可能要請您檢查一下

1. 代碼設置之後,有無加上規則 > 所有網頁。

2. 代碼設置之後,有無按發佈,沒有發佈的話,代碼跑不起來歐。

3. UA代碼是否設定錯誤。

4. 是否是在本機(loaclhost)上測試。

回應: 求解決 - 當GA遇上iframe

[ 已編輯 ]
解答王
# 7
解答王

先感謝各位

 

現在已正常運作, 設置是

  1. 不用GTM
  2. 直接安裝原裝的GA碼
  3. 放在head裡

 

但最底有一組碼, 不知有沒有關係?

 

<script>
function loadGA(Identifier) {

ga('send', 'pageview');
//console.log("ready");
// code to load product details and display to user
}

</script>
</body>

My Blog: Stampede Lab

回應: 求解決 - 當GA遇上iframe

解答王
# 8
解答王
這問題不一定,其實要看整個網站的狀況,實際去跑一遍才知道是哪個地方出問題,這可能要私底下看。

回應: 求解決 - 當GA遇上iframe

解答王
# 9
解答王
哈 那真的是GTM不能放在iframe >_<