Javascript 谷歌分析图像视图
我需要跟踪分析网站上的一张图片,这张图片并不总是在那里,我需要知道有多少访问者看到了这张图片 我在谷歌文档中看到,我可能可以使用以下内容:Javascript 谷歌分析图像视图,javascript,google-analytics,Javascript,Google Analytics,我需要跟踪分析网站上的一张图片,这张图片并不总是在那里,我需要知道有多少访问者看到了这张图片 我在谷歌文档中看到,我可能可以使用以下内容: ga('send', { 'hitType': 'pageview', 'page': '/my-overridden-page?id=1', 'title': 'my overridden page' }); 但由于我不想在脑袋里移动我原来的跟踪器,我不知道该怎么办。 我想我不能只把这段代码和我的图像放在一起 如果你不明白,问我,也许我不清楚
ga('send', {
'hitType': 'pageview',
'page': '/my-overridden-page?id=1',
'title': 'my overridden page'
});
但由于我不想在脑袋里移动我原来的跟踪器,我不知道该怎么办。
我想我不能只把这段代码和我的图像放在一起
如果你不明白,问我,也许我不清楚。
谢谢
编辑:
这是我自己的网站,我想跟踪特定图像显示的次数。首先,你需要一种方法来查看图像是否出现在页面中。我假设你不想通过某种方式入侵你的后端来获取这些信息,而是想用javascript来实现 最简单的方法是为该图像提供一个id:
<img src="path/to/myimage.jpg" id="datsderbunny">
如果页面中有jQuery,则可以使用属性contains选择器在没有id b的情况下执行此操作:
var image = $('img[src*="myimage.jpg"]');
如果您的图像只出现一次,则上述操作将返回图像列表
由于您使用的是Universal Analytics,因此可以使用自定义维度。在“管理->属性”选项卡中,导航到自定义定义并在命中级别创建维度hasImage命中级别表示维度绑定到页面视图,而不是访问者。我假设您的新维度具有数字索引1
现在修改跟踪代码,如下所示:
var hasImage = "no"; // set a conservative default value
if(document.getElementById('datsderbunny') !== "undefined") { // if images does exist
hasImage = "yes";
}
ga('send', 'pageview', {
'dimension1': hasImage
});
这将测试页面中是否存在图像,并相应地设置自定义维度的值。可以在自定义报告中使用自定义维度,也可以在自定义报告和段中使用自定义维度作为第二维度
在您的示例代码中使用虚拟页面视图不是一个好主意,您不希望单个图像显示为页面视图。首先,您需要一种方法来查看图像是否存在于页面中。我假设您不想通过某种方式黑入后端以获取此信息,而是希望使用javascript 最简单的方法是为该图像提供一个id:
<img src="path/to/myimage.jpg" id="datsderbunny">
如果页面中有jQuery,则可以使用属性contains选择器在没有id b的情况下执行此操作:
var image = $('img[src*="myimage.jpg"]');
如果您的图像只出现一次,则上述操作将返回图像列表
由于您使用的是Universal Analytics,因此可以使用自定义维度。在“管理->属性”选项卡中,导航到自定义定义并在命中级别创建维度hasImage命中级别表示维度绑定到页面视图,而不是访问者。我假设您的新维度具有数字索引1
现在修改跟踪代码,如下所示:
var hasImage = "no"; // set a conservative default value
if(document.getElementById('datsderbunny') !== "undefined") { // if images does exist
hasImage = "yes";
}
ga('send', 'pageview', {
'dimension1': hasImage
});
这将测试页面中是否存在图像,并相应地设置自定义维度的值。可以在自定义报告中使用自定义维度,也可以在自定义报告和段中使用自定义维度作为第二维度
在示例代码中使用虚拟页面视图不是一个好主意,因为您不希望单个图像显示为页面视图。为此,我将使用,而不是页面视图
最基本的解决方案:
<img src="track_this.img.jpg" onload="_gaq.push(['_trackEvent','images','image shown', 'image name or something']);" />
我会使用,而不是网页浏览量
最基本的解决方案:
<img src="track_this.img.jpg" onload="_gaq.push(['_trackEvent','images','image shown', 'image name or something']);" />
你想在你自己的网站中跟踪,还是关于人们可能嵌入到他们自己页面中的图像,你想跟踪这种情况发生的位置和频率?你想在你自己的网站中跟踪,还是关于人们可能嵌入到他们自己页面中的图像,你想跟踪这种情况发生的位置和频率?嗨,谢谢你的回答,这接近我真正想要的。问题:我可以这样做吗:是的-该示例仅在图像确实存在时发送页面视图,这可能是您想要的。应该注意的是,在源代码中,这是放在图像之后的,因为您只能在加载图像后检查图像是否存在。您好,谢谢您的回答,这接近我真正想要的。问题:我可以这样做吗:是的-该示例仅在图像确实存在时发送页面视图,这可能是您想要的。应该注意的是,在源代码中,这是放在图像之后的,因为您只能在加载图像后检查图像是否存在。这可以用于div或其他HTML元素吗?我希望跟踪特定的广告视图。这可以用于div或其他HTML元素吗?我希望跟踪特定的广告视图。