Question

使用下面的源代码，我需要跟踪点击链接的文本值如何跟踪此页面以及页面加载规则或基于事件的规则是否受益于它？如何使用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>

Answer 1

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

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

首先是数据元素：在DTM规则中，在数据元素中单击创建新数据元素。

输入名称，指定类型（此处CSS选择器似乎最合适）然后在CSS Selector Chain列表中说明如何到达它。我的猜测是你的代码是“div.p-magnific-popup-launcher a”，但你需要测试一下。您可以通过在Chrome或类似的调试小工具中打开Inspect Element（F12）来判断。 There's a good blog about doing this from Adobe here

您还应指定要保存的A标记的哪个部分。根据你的问题，我相信你需要“文字”来捕捉诸如“需要多长时间才能获得？”等项目。

在DTM中的基于事件的规则下，单击创建新规则。

如果您对此页面上的设置感到满意，请点击保存数据元素。

填写您的姓名和类别（如果适用）。 事件类型应该已经设置为“点击”。

在标记中，您必须设置如何通过CSS查找A标记，类似于上面。

这是基础知识，但您还需要设置标准（这应该触发的页面）。此外，在 Adobe Analytics 部分下，您应该设置是否增加网页浏览量，以及由于点击而填充了哪些eVars，道具和事件。这也是您可以使用数据元素中的值的地方。在链接跟踪下，选择自定义链接。在“链接名称”中，输入百分号（％），您的数据元素应该出现。使用您之前指定的名称。

注意：您应该将已填充的eVar和事件等与Google Analytics界面中的报告套件下的设置进行匹配。

Answer 2

我假设您在点击<a>元素时尝试获取该文本。

比如下面的那个，你会想要得到＆＃34;需要多长时间才能获得？＆＃34;：

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

要执行此操作，请使用事件类型＆＃34创建基于事件的规则;单击＆＃34;，将元素标记设置为＆＃34; a＆＃34;。（见下图）

接下来，您需要配置规则的Adobe Analytics部分。

您将跟踪设置为s.tl（），因为您不希望在有人点击链接时创建网页浏览（他们查看的网页应该已经这样做了）。

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

最后，设置一个事件以触发此规则。

请参阅下面的图片了解配置

documentation is available

这应该跟踪点击<a>元素的时间并将文本存储在eVar中

在adobe dtm规则中单击页面中的特定链接时获取链接的文本值

2 个答案: