2016-03-08 44 views
0

使用下面的源代码,我需要跟踪点击链接的文本值。
我该如何跟踪这一点以及页面加载规则或基于事件的规则是否受益?
如何使用dtm进行编码?在adobe dtm规则中点击页面中的特定链接时获取链接的文本值

<div class="afgfj"> 
<section class="asked-questions"> 
     <div class="g-bp-row-gutter p-comp-spacinottom p-rb"> 
      <h2 class="p-heading-02 p-component-title"> 
       Frequently Asked Questions 
      </h2> 
    <dl class="p-faq-main p-accordion" 
       data-ctn="S9031/26"> 
       <dt class="p-top-10 p-faq-chapter p-active"> 
         <span class="p-top-10-global">Top-10 FAQs</span> 
         <span class="p-top-10-local">Top 10 FAQs</span> 
       </dt> 
       <dd class="p-top-10 p-faq-list p-active"> 
        <ul class="p-bullets"> 
         <li class="p-faq-item" data-lang="ENG"> 
           <div class="p-magnific-popup-launcher" data-comp-id="magnificPopupLauncher" 
            data-type="iframe" 
            data-title="Frequently asked questions" 
            data-close-label="Back" 
            data-href="//www.org.com/cgi-bin/oleeview?view=aa12_view_body.html&dct=QAD&refnr=0073544&slg=ENG&scy=GB&ctn=S9031/26"> 
            <a href="#">How long does it take to get?</a> 
           </div> 
           </li> 
        <li class="p-faq-item" data-lang="ENG"> 
          <div class="p-magnific-popup-launcher" data-comp-id="magnificPopupLauncher" 
            data-type="iframe" 
            data-title="Frequently asked questions" 
            data-close-label="Back" 
            data-href="//www.org.com/cgi-bin/oleeview?view=aa12_view_body.html&dct=QAD&refnr=0020591&slg=ENG&scy=GB&ctn=S9031/26"> 
            <a href="#">Can I recharge the appliance?</a> 
           </div> 
           </li> 

回答

1

这是使用基于事件的规则一个完美的时间。您还需要创建一个数据元素来保存文本值。

我从代码中可以看到的主要障碍是正确识别A标签。

首先数据元素:在DTM规则中,在数据元素内点击创建新数据元素

enter image description here

输入一个名称,指定类型(CSS选择器似乎是最合适的位置),那么CSS选择链表州内如何去实现它。我的猜测是你的代码会是“div.p-magnific-popup-launcher a”,但你需要测试它。您可以通过在Chrome或类似的调试小工具中打开检查元素(F12)来判断。 There's a good blog about doing this from Adobe here

您还应该指定要保存的A标记的哪一部分。从你的问题你我相信你需要'文本',这将捕获项目,如“需要多长时间?”

根据基于事件的规则 DTM内点击创建新规则

当你对此页面的设置感到满意,请点击保存数据元素

enter image description here

填写您的姓名和类别,如适用。 事件类型应已设置为“单击”。

标签然后你必须设置如何通过CSS找到A标签,类似于上面。

这是基础知识,但您还需要设置标准(应该触发哪些页面)。此外,在Adob​​e Analytics部分中,您应设置是否增加一个综合浏览量,以及由于点击而填充哪些eVars,Props和Events。这也是您可以使用数据元素中的值的地方。在链接跟踪,选择定制链接。在链接名称中,输入一个百分号(%),你的数据元素应该出现。使用您之前指定的名称。

注意:您应该在Analytics界面下的报告套件下将您的填充eVars和事件等与您的设置进行匹配。

+0

我已经创建了数据元素“链接”与标签存储为 - 然后我保存了规则,然后创建了基于事件的规则'Clicked Link'。在条件部分,我给了Click作为事件类型,其标签为:div.p-magnific-popup-launcher a并给出了获取as - text的值。 - div.p-magnific-popup -launcher a,然后在Adobe adobe analytics部分给出了链接trackin的自定义链接g,链接名称为%Link%并填充evar2 =%链接%。它不适合我。 – Ramya

+0

请帮我看看我的错在哪里.. – Ramya

+0

我也尝试过这种方式,直接创建基于事件的规则,就像我上面提到的,但是在标准部分我选择了自定义,然后我写了这个脚本var linktext = $(this).text ();_satellite.setVar('Linkval',linktext); 返回true; 然后填充evar3 =%Linkval%,然后我保存了规则,但没有给出链接名称。它也没有工作......但是当我尝试使用与'mouseover'一样的事件类型的相同过程时,变量正在填充..我能我不明白..善良帮我解决问题。 – Ramya

0

我假设您试图在单击它时获取<a>元素的文本。

如在下面的一个,你会想“多长时间才能让?”:

<a href="#">How long does it take to get?</a> 

要做到这一点,创建与该事件类型的事件以规则为基础的“点击” ,将元素标记设置为“a”。 (见下图)

Conditions Setting

接下来,您将要配置的规则的Adobe Analytics(分析)部分。

您将设置跟踪到s.tl(),因为当有人点击链接时(他们查看的页面应该已经这样做),您不想创建网页浏览。

然后将eVar和/或Prop设置为%this.text%。这是DTM表示法,用于获取触发规则触发的元素的文本。

最后,设置一个事件来触发此规则。

见下图的配置

Adobe Analytics configuration

被点击的<a>元素时,这应该追踪和文本在EVAR

相关问题