URL中带有斜线的放大器分析源

Question

我正在使用AMP页面中的amp-analytics组件来跟踪页面浏览量。我的请求源(要发送数据的端点)包括一个正斜杠，如下所示：

request.source.com/endpoint

安培不喜欢这样做，并给出了以下错误：

amp-analytics request source must start with "https://" or "//" or be relative and served from either https or from localhost. Invalid value:

https://request.source.com%2Fendpoint/i?url=http%3A%2F%2Fcontent.url.com%3A8079%2Fregular-html-version.html&page=Sample%20document&res=2560x1440&stm=1538590011734&tz=240&aid=25&p=web&tv=amp-0.2&cd=24&cs=UTF-8&duid=amp-CGG5vSIemmau7QUKCzi1yw&lang=en-us&refr=&stm=240&vp=452x1270&e=pv

注意，它将正斜杠编码为%2F。我还尝试在脚本中编码它。这没什么区别。

还请注意，当我从请求源中移除正斜杠(即只使用request.source.com)时，它可以正常工作。(但产品要求端点包含该正斜杠)。

对于如何做到这一点，有什么想法吗？这是我的AMP代码：

<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
<amp-analytics type="snowplow" id="snowplow1">
    <script type="application/json">
        {
            "vars": {
                "collectorHost": "request.source.com/endpoint",
                "appId": "25"
            },
            "triggers": {
                "trackPageview": {
                    "on": "visible",
                    "request": "pageView"
                }
            }
        }
    </script>
</amp-analytics>

Answer 1

你看到这个的原因是变量是url编码的。

您将需要创建您的自定义一个，而不是使用默认的雪犁实现在放大器分析。复制此配置：https://github.com/ampproject/amphtml/blob/0a84124122b516d33e8f815c4d7205ea92f0865b/extensions/amp-analytics/0.1/vendors/snowplow.js

然后使用此文档在配置对象中添加“终结点”：https://github.com/ampproject/amphtml/blob/0a84124122b516d33e8f815c4d7205ea92f0865b/extensions/amp-analytics/amp-analytics.md#specifying-configuration-data

在您的json配置中，您将得到这样的结果：

...
'basePrefix': 'https://${collectorHost}/endpoint/i?url=${canonicalUrl}&page=${title}&' +
...