Источник AMP Analytics с косой чертой в URL

Я использую amp-analytics компонент на странице AMP для отслеживания просмотров страниц. Мой источник запроса (конечная точка для отправки данных) включает прямую косую черту, например:

request.source.com/endpoint

AMP не нравится это и выдает следующую ошибку:

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

Обратите внимание, что URL-кодируется косой чертой в %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>

1 ответ

Решение

Причина, по которой вы видите это в том, что переменные закодированы в URL.

Вам нужно будет создать свой собственный вместо использования стандартной реализации снегоочистителя в amp-analytics. Скопируйте этот конфиг: 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}&' +
...
Другие вопросы по тегам