Question

我希望从我的应用的详细信息页面中获取从我的JSON数据中提取的外部URL的唯一http链接。

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

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

以下是我要追加的Google跟踪代码：

?utm_source=app&utm_medium=android

Here is the Plunker 目前正在使用详情页面上的静态网址。

DETAIL.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');


        });
}

DETAIL.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');
        });
}

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

1 个答案: