[英]Insert google experiment code only on non mobile browers using javascript
我目前有一个使用<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0" />
来使页面响应。
我要克服的问题是在两个版本的首页上使用google变体测试,但只包括查看完整网站的人员。
我建议的解决方案是检测浏览器是否是移动设备,如果不显示分析代码,请执行以下操作:
<!-- Google Analytics Content Experiment code -->
<script>function utmx_section(){}function utmx(){}(function(){var
k='13292219-1',d=document,l=d.location,c=d.cookie;
if(l.search.indexOf('utm_expid='+k)>0)return;
function f(n){if(c){var i=c.indexOf(n+'=');if(i>-1){var j=c.
indexOf(';',i);return escape(c.substring(i+n.length+1,j<0?c.
length:j))}}}var x=f('__utmx'),xx=f('__utmxx'),h=l.hash;d.write(
'<sc'+'ript src="'+'http'+(l.protocol=='https:'?'s://ssl':
'://www')+'.google-analytics.com/ga_exp.js?'+'utmxkey='+k+
'&utmx='+(x?x:'')+'&utmxx='+(xx?xx:'')+'&utmxtime='+new Date().
valueOf()+(h?'&utmxhash='+escape(h.substr(1)):'')+
'" type="text/javascript" charset="utf-8"><\/sc'+'ript>')})();
</script><script>utmx('url','A/B');</script>
<!-- End of Google Analytics Content Experiment code -->
有没有人有什么建议?
我建议的解决方案是检测浏览器是否是移动设备,如果不显示分析代码,请执行以下操作:
一种方法是使用与CSS @media queries
等效的javascript
,即
window.matchMedia();
用于检测移动浏览器的标准CSS @media query
可能是:
@media only screen and (min-device-width:320px) and (max-device-width:480px)
javascript
等价于:
window.matchMedia("(min-device-width:320px) and (max-device-width:480px)");
因此,您可能会遇到以下情况:
var screen320x480 = window.matchMedia("(min-device-width:320px) and (max-device-width:480px)");
var screen320x568 = window.matchMedia("(min-device-width:320px) and (max-device-width:568px)");
if ((screen320x480.matches) || (screen320x568.matches)) {
[...CODE HERE...]
}
else {
[...DISPLAY ANALYTICS CODE HERE...]
}
进一步阅读:
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.