Angulartics 2

Angulartics 2 の統合

アプリケーションのインストルメンテーションを開始する前に、アプリを作成してappKeyがあることを確認してください。

インストールとセットアップ

次の JavaScript コードをアプリのメイン HTML ファイルに貼り付けます。

// Start Pyze Script
<script type="text/javascript">
    var pyzeAppKey="YOUR_PYZE_APP_KEY";
    !function(e,t){var s=e.Pyze||{_q:[]},i=e.PyzeEvents||{_q:[]},n=e.PyzeCuratedEvents||{_q:[]},r=e.PyzeIdentity||{_q:[]};function p(t,e){function s(e){t[e]=function(){t._q.push([e].concat(Array.prototype.slice.call(arguments,0)))}}for(var i=0;i<e.length;i++)s(e[i])}p(s,["initialize","getTimerReference","getAppInstanceId","postWebAppVersion","postPageView","setUserOptOut","deleteUser"]),p(i,["postCustomEvent","startTimerForEvent","postCustomEventWithAttributes","postTimedEvent","postTimedEventWithAttributes","postExplicitActivation"]),p(n,["post"]),p(r,["setUserProfile","resetUserProfile","updateUserProfile"]);var o=t.createElement("script"),a=t.getElementsByTagName("script")[0];o.type="text/javascript",o.async=!0,o.src="https://cdn.pyze.com/pyze.js",a.parentNode.insertBefore(o,a),e.Pyze=s,e.PyzeEvents=i,e.PyzeCuratedEvents=n,e.PyzeIdentity=r}(window,document),Pyze.initialize(pyzeAppKey);
</script>
// End Pyze Script

ルートコンポーネントにPyzeプロバイダをインポートします。

import { Angulartics2Module } from 'angulartics2';
import { Angulartics2Pyze } from 'angulartics2/pyze';

startTracking() を呼び出して、ルート変更のトラッキングを開始します。

@Component({  ...  })
export class AppComponent {
  constructor(angulartics2Pyze: Angulartics2Pyze) {
    angulartics2Pyze.startTracking();
  }
}

詳細はAngulartics2Pyzeを使ったSetup Angularticsを確認してください。

API リファレンス

APIのリファレンスはこちらからご覧いただけます。


最終更新 2021-01-07