javascript - 在 Ionic 2 中链接到带有附加跟踪代码的外部 URL

Question

我希望有一个指向外部 URL 的唯一 http 链接，该链接是从我的 JSON 数据中提取的，来 self 的应用的详细信息页面。

我已经安装了 inappbrowser 插件，该插件目前可以使用指向 apple.com 的静态 url。但是，我希望使用我的 JSON 数据中的产品特定链接 url。这是 JSON data ，这是我希望使用的“aw_deep_link”。

如何使用详细信息页面上的 Buy Button 链接到从 Angular 表达式中提取的外部 URL，然后将一些 Google Analytics(分析)跟踪代码附加到 URL 的末尾？

这是我要附加的 Google 跟踪代码:

?utm_source=app&utm_medium=android

Here is the Plunker 目前在详细信息页面上使用静态 url。

详细信息.TS

openUrl() {

        this.platform.ready().then(() => {
            let browser = new InAppBrowser("http://www.apple.com",'_blank');
            // let browser = new InAppBrowser("www.apple.com$?utm_source=app&utm_medium=android",'_blank');
            // let browser = new InAppBrowser("{data.aw_deep_link}",'_blank');


        });
}

详细信息.HTML

<button (click)="openUrl()" ion-item>Buy Now</button>

这是 Ionic Conference App 中用于 Twitter 页面的类似概念

https://github.com/driftyco/ionic-conference-app/blob/master/src/pages/speaker-list/speaker-list.html

Answer 1

您没有在 openUrl 函数中使用 url 参数。

<button (click)="openUrl(data.aw_deep_link)" ion-item>Buy Now</button>

openUrl(url) {
    this.platform.ready().then(() => {
        let browser = new InAppBrowser(`${url}?utm_source=app&utm_medium=android`,'_blank');
        });
}