2017-03-24 20 views
4

私のアプリケーションの詳細ページから、JSONデータから取得した外部URLへの一意のhttpリンクを持っています。Ionic 2に追尾コードが追加された外部URLへのリンク

現在、apple.comに行く静的URLで動作するinappbrowserプラグインをインストールしました。しかし、JSONデータから製品固有のリンクURLを使用したいと考えています。ここにはJSON dataがあります。使用したい "aw_deep_link"です。

詳細ページの[購入]ボタンを使用して角度式から取得した外部URLにリンクして、URLの末尾にGoogleアナリティクストラッキングコードを追加するにはどうすればよいですか?

?utm_source=app&utm_medium=android 

Here is the Plunkerを、現在詳細ページ上の静的なURLでの作業:ここ

は、Googleのトラッキングコードは、私が追加したいです。

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> 

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

答えて

1

イオン会議アプリケーションでTwitterのページに使用似た概念であるあなたは「weren 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'); 
     }); 
} 
+0

ビンゴ!私はあなたの答えをチェックします、多くのありがとう。ちょうど情報のためになぜ 'ブラウザを許可する'行に$が必要ですか? – me9867

+0

$ {url}は、文字列をより良く連結するためのjavascript ES6(タイクロスクリプトが使用する)の新機能です。詳細はこちらhttps://github.com/airbnb/javascript#es6-template-literals –

関連する問題