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

2023年2月15日 194次阅读

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

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

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

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

?utm_source=app&utm_medium=android

Here is the Plunker目前正在详细页面上使用静态URL.

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

最佳答案 你没有在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');
        });
}
点赞