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

Question

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

我已经安装了 inappbrowser 插件，该插件目前适用于将要 apple.com 的静态 url。但是，我希望使用来自我的 JSON 数据的产品特定链接 URL。这是JSON数据，它是我希望使用的"aw_deep_link"。

如何使用详情页上的"购买"按钮链接到从 Angular 表达式中提取的外部网址，然后将一些 Google Analytics(分析(跟踪代码附加到网址末尾？

以下是我要附加的谷歌跟踪代码：

?utm_source=app&utm_medium=android

以下是当前在详细信息页面上使用静态 URL 的 Plunker。

细节。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应用程序中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');
        });
}