鏈接到與附加跟蹤代碼外部URL中離子2

Question

我希望有一個獨特的HTTP鏈接到外部URL，從我的JSON數據拉，從我的應用程序的詳細信息頁面中。

我已經安裝了當前與去往apple.com的靜態url一起工作的inappbrowser插件。不過，我希望從我的JSON數據中使用產品特定的鏈接網址。這裏是JSON data，它是「aw_deep_link」我希望用。

如何使用我的購買按鈕在詳細信息頁面上鍊接到從Angular表達式提取的外部URL，然後將一些Google Analytics（分析）跟蹤代碼附加到URL的末尾？

這是谷歌的跟蹤代碼我要追加：

?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> 

這裏是愛奧尼亞會議中使用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'); 
     }); 
}