首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >全家具跟踪与jQuery

全家具跟踪与jQuery
EN

Stack Overflow用户
提问于 2011-11-17 14:58:45
回答 2查看 21.4K关注 0票数 5

我创建了一些网站,内容被jQuery和CSS调用到#div容器中。有谁知道在创建这类页面网站时使用Om家具站点催化剂跟踪代码的方法吗?有可能吗?

在此之前,我通过插入下面由软件提供的难以辨认的代码,使用了更多传统的html站点。在这种情况下,它似乎跟踪所有的.html页面。

代码语言:javascript
运行
复制
       <!-- SiteCatalyst Code version: H.17.
Copyright 1997-2008 Omniture, Inc. More info available at
http://www.omniture.com -->
<script language="JavaScript" type="text/javascript" src="http://www.urlofsite.com/js/s_code.js"></script>
<script language="JavaScript" type="text/javascript"><!--
/************* DO NOT ALTER ANYTHING BELOW THIS LINE ! **************/
var s_code=s.t();if(s_code)document.write(s_code)//--></script>
<script language="JavaScript" type="text/javascript"><!--
if(navigator.appVersion.indexOf('MSIE')>=0)document.write(unescape('%3C')+'\!-'+'-')
//--></script><noscript><a href="http://www.omniture.com" title="Web Analytics"><img
src="http://code.urlofsite.com/b/ss/ranhrollup/1/H.17--NS/0"
height="1" width="1" border="0" alt="" /></a></noscript><!--/DO NOT REMOVE/-->

<!-- End SiteCatalyst code version: H.17. -->
</body>
</html>

不管怎么说,是否有办法打破这个问题,用if语句创建几行Javascript,将跟踪代码应用于特定的#div#__?

更新:

我与一位专家进行了交谈,他说,您可以在onClick事件中添加额外的s.t()调用,以便将您希望跟踪的任何内容作为额外的页面视图。例如,为"Books“链接设置了以下单击事件处理程序

代码语言:javascript
运行
复制
$('a.manned-flight').click(function() {
  $('html, body').animate({
  scrollTop: 1250
}, 1000, function() {
  parallaxScroll(); // Callback is required for iOS
});
  return false;
});

可以向此函数添加跟踪代码,以指定不同的pageName,并按以下方式发送额外的页面视图图像请求:

代码语言:javascript
运行
复制
$('a.manned-flight').click(function() {
  s.pageName = "www.urlofwebsite.com:Books";
  s.t();
  $('html, body').animate({
    scrollTop: 1250
  }, 1000, function() {
    parallaxScroll(); // Callback is required for iOS
  });
  return false;
});

但是,考虑到站点有多大,需要定义多少内容区域,这似乎是一种不切实际的方法,而且有点笨重,代码明智。无论如何,是否可以用Javascript数组来完成这个任务?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-11-20 07:02:18

许多月前,我不得不为Web系统,特别是我们公司的产品和购物车组件,建立Omniture的分析工具。代码包括在我们的网站模板的每一页(即。包括档案)。假设您的站点不是完全静态的站点,您也可以这样做,将代码放入您的.js文件、模板、包含文件、母版页、视图(无论您可能使用的是站点范围内的重用方法)。如果我没记错的话,on坚持要在关闭的body标记之前使用它的代码。一旦代码到位,就编写一些javascript,将值赋值给特定的变量,用于在Once代码中设置适当的值。例如,如果偶然地,您的页面正在创建一个很好的SEO标题,您可以从标题中提取值,以便用于Omniture页面名。这只是个例子。

另一方面,如果你的网站是一个静态网站,你的选择就不那么容易了。如果你能控制你的div是如何产生的,你会更好。我的意思是,如果您可以以传统的方式将数据返回给div,您可以使用javascript或您最喜欢的javascript库(例如,使用javascript或您最喜欢的javascript库)为library变量生成适当的信息。jQuery)。此外,如果您完全控制HTML是如何生成的,您可以添加一个需要注意的特定类,就像您的“载人飞行”示例中的情况一样。然而,我将寻找更通用的东西,所有类型的点击。

就像我说的,如果您控制了呈现的数据,那么从呈现的HTML中提取数据就更容易了。否则,它将很难提供有意义的信息所需的欧姆家具。希望这能有所帮助。

这就是我对你的问题的有限理解所想的。假设您的数据是标准格式的,如下所示。

代码语言:javascript
运行
复制
<div class="product-item">
    <input class='item-title' type='hidden' value='Book Title #1 Specific Page Name'/>
    <input class='other-stuff-for-analytics' type='hidden' value='More stuff here'/>
    <h3>Book Title #1</h3>
    <p>Description of Book Title #1 and some junk...</p>
</div>
<div class="product-item">
    <input class='item-title' type='hidden' value='Book Title #2 Specific Page Name'/>
    <input class='other-stuff-for-analytics' type='hidden' value='More stuff here'/>
    <h3>Book Title #2</h3>
    <p>Description of Book Title #2 and some junk...</p>
</div>
<div class="product-item">
    <input class='item-title' type='hidden' value='Book Title #3 Specific Page Name'/>
    <input class='other-stuff-for-analytics' type='hidden' value='More stuff here'/>
    <h3>Book Title #3</h3>
    <p>Description of Book Title #3 and some junk...</p>
</div>

<!-- The code below could be in your template/include file/master page/view/ .js file -->
<script>
    $('div.product-item').click(function () {
        var analyticsPageName = "";
        /* Possibly pull the value from hidden input  */
        analyticsPageName = $(this).children('input.item-title').val();

        /* OR Pull the information from the block of HTML that has the page title */
        analyticsPageName = $(this).children('h3').text();

        // ---OR---
        //whatever else you need to do to scrape your HTML
        //to get the information to plug into a variable

        s.pageName = analyticsPageName;
        s.t();
        $('html, body').animate({
            scrollTop: 1250
        }, 1000, function () {
            parallaxScroll(); // Callback is required for iOS
        });
        return false;
    });
</script>
票数 6
EN

Stack Overflow用户

发布于 2011-12-22 09:36:33

我认为Jquery有一个名为jquery.address的插件库,它实现了一种基于JQuery的动作的自动跟踪。这个库如果本机配置为Google,但在过去我还添加了Omniture代码。

你可以试试。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8169265

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档