Signus — Demo

Matterport バーチャルツアにアナリティクスSDKを接続するデモページ

計測の仕組み

  1. Matterport SDK Key — Matterport Developer Portal で取得。 iframe URL の applicationKey パラメータに使われ、 iframe 内に Showcase SDK がロードされます
  2. Signus API Key — ダッシュボードでスペースを作成すると自動生成。 計測データの送信先認証に使われます(sp_xxx 形式)
  3. SDK 接続Signus SDK が iframe 内の Matterport SDK に接続し、 Sweep 移動・タグクリック・モード変更を自動計測。5秒毎にバッチ送信します

導入コード

顧客サイトにMatterport iframeと以下のコードを貼り付けてください

<!-- 1. Matterport iframe(applicationKey を含める) -->
<iframe
  id="showcase-iframe"
  src="https://my.matterport.com/show/?m=MODEL_ID&applicationKey=sr9ybwa03ptm0fcw0ymq7q75b&play=1"
  width="100%" height="600"
  allow="xr-spatial-tracking; fullscreen" allowfullscreen>
</iframe>

<!-- 2. Signus SDK -->
<script src="https://your-domain.com/sdk/signus-sdk.min.js"></script>
<script>
  (window.SignusAnalytics || window.MpAnary).init({
    apiKey: 'sp_your_api_key',
    iframeId: 'showcase-iframe'
  });
</script>

必要なキー一覧

Matterport SDK Keyiframe URLの applicationKey に設定。Developer Tools↗ で取得
Signus API Keysp_xxx 形式。 ダッシュボードでスペース作成時に自動生成。計測データの送信認証用