モバイルウェブのためのウェブサイトからモバイルアプリへのアトリビューション転送

フォローする
Avatar
Jared Ornstead
Updated
ドキュメント

ウェブからアプリへの転送

概要

ウェブからアプリへの転送は、ユーザーがウェブからアプリに移行する際にキャンペーンのアトリビューションデータを保持することで、モバイルウェブサイトとモバイルアプリ間のギャップを埋めます。この機能は、ユーザーがどのようにアプリを発見したかに関する貴重なマーケティング情報を失う代わりに、WebキャンペーンからUTMパラメータまたはSingular WPパラメータを、モバイルアプリを取得または開くためのWebサイトのボタンまたはリンクに自動的に転送します。

Web-to-App転送を実装すると、元のWebキャンペーンソースでモバイルアプリのアトリビューションレポートが充実し、最初のWeb発見からアプリのインストールまたはリエンゲージメントまでの完全なユーザージャーニーを理解するのに役立ちます。

仕組み

  1. ユーザーがウェブキャンペーン（例：UTMパラメータ付きのGoogle広告）を経由してモバイルウェブサイトにアクセスします。
  2. Singular Web SDKはページURL内のこれらのパラメータを検出します。
  3. ユーザーがアプリのインストール/オープンボタンをクリックすると、SDKは自動的にこれらのパラメータを_web_params としてSingularリンクに追加します。
  4. Singularはモバイルインストールまたはリエンゲージメントを元のウェブキャンペーンに関連付けます。

転送前と転送後

ウェブからアプリへの転送前：

Attribution before Web-to-App showing generic Mobile Web to App source

ウェブサイトからのすべてのモバイルインストールは、一般的な「Mobile Web to App」ソースの下にグループ化され、実際のキャンペーンパフォーマンスは隠されます。

Web-to-App転送後：

Attribution after Web-to-App showing specific campaign sources

モバイルインストールには、ユーザーをウェブサイトに誘導した実際のウェブキャンペーン（「Adwords」、「Some_source」など）が表示されるようになり、実用的なアトリビューションインサイトが提供されます。

前提条件

  1. Singular SDKと統合されたモバイルアプリ。注意：ウェブからアプリへのフローでリエンゲージメントをサポートするには、ディープリンクのサポートが設定されている必要があります。

  2. Singular Web SDKバージョン1.0.8以降が、Native JSまたはGoogle Tag Managerを使用してモバイルウェブサイトに統合されていること。
  3. Singularキャンペーンパラメータがウェブキャンペーン送信先URLに適用されていること。
  4. モバイルアプリのWeb-to-Appベースリンクとして設定されたSingularリンク。

    重要：Web-to-Appベースリンクを取得するには、カスタマーサクセスマネージャーにお問い合わせください。

実装方法

実装方法は、Singular WebSDKがお客様のサイトにどのように実装されたかに基づきます。

方法1：ネイティブJavaScript SDKの実装
#

方法1：ネイティブJavaScript SDK実装オプション：

Singular Web SDKはWeb-to-App Forwardingのために2つのJavaScript関数を提供します。 あなたの実装に最も適した方法を選択してください：

オプション A: openApp() - 自動リダイレクト

ユーザーをすぐにアプリ（インストールされていない場合はApp Store）にリダイレクトしたい場合にこのメソッドを使います。

説明 キャプチャしたパラメータでWeb-to-Appリンクを構築し、自動的にユーザーをリダイレクトします。
シグネチャ singularSdk.openApp(baseLink, deeplink, passthrough, deferredDeepLink)
パラメータ
  • baseLink (必須)：あなたのSingular Web-to-Appベースリンク
  • deeplink (オプション）：特定のアプリのコンテンツを開くためのディープリンクパス
  • passthrough (オプション）：追加のカスタムパラメータ
  • deferredDeepLink (オプション): 新規インストール用のディープリンク
例 

// Basic usage - redirect to app with web parameters
singularSdk.openApp("https://mydomain.sng.link/Buour/55cx");

// With deep link to specific content
singularSdk.openApp(
  "https://mydomain.sng.link/Auour/55ba", 
  "product/12345",
  null,
  "product/12345"
);

オプション B: buildWebToAppLink() - 手動制御

リンクを構築したいが、いつ/どのようにトリガーされるかを制御したい場合に、このメソッドを使用します。

説明 パラメータを含む完全なWeb-to-Appリンクを返します。
シグネチャ singularSdk.buildWebToAppLink(baseLink, deeplink, passthrough, deferredDeepLink)
パラメータ 上記のopenApp() と同じ
例 

// Build link and assign to button
const webToAppLink = singularSdk.buildWebToAppLink(
  "https://mydomain.sng.link/Buour/55cx"
);

document.getElementById("download-btn").href = webToAppLink;

// Or redirect programmatically
window.location.href = webToAppLink;
方法2: Google Tag Manager SDKの実装
#

方法2: Google Tag Manager SDKの実装

Google Tag Manager 経由で Singular Web SDK を管理している場合は、Singular Web SDK の GTM テンプレートがサポートするタグタイプを使用して Web-to-App フォワーディングを実装してください。Custom HTML タグを使用して Web-to-App リンクを生成または書き換えないでください。

テンプレートのインストールや Init タグの設定を含む GTM の完全なセットアップについては、 Web SDK - Google タグマネージャー実装ガイド を参照してください。

モバイル Web-to-App トラッキング

  1. Open App タグを追加し、アプリを開く（またはインストールする）ボタンのクリックで発火するトリガーを設定します。
  2. Open App タグを設定する際、Singular Manage Links ページからモバイル Web-to-App のベースリンクを指定します。

GTM での Open App タグの設定

デスクトップ Web-to-App トラッキング

デスクトップの Web-to-App フォワーディングは QR コードを表示するため、QR コードジェネレーターのクリーンアップタグ（選択した QR コードライブラリを挿入するためだけに使用する Custom HTML タグ）が必要です。完全な設定については、GTM ガイドの ステップ7: Web-to-App フォワーディングの実装 を参照してください。

このヒントで、モバイルWeb-to-Appアトリビューションの精度を高めましょう：

ヒントモバイル広告のアトリビューションにおける一般的な課題は、アプリ内ブラウザで発生します。モバイルのアプリ内ブラウザのウェブビュー（Facebook、Instagram、TikTokで使用されているような）は、広告がクリックされてからアプリのダウンロードリンクがクリックされるまで、またはユーザーがリンクをクリックする前にモバイルデバイスのネイティブブラウザに移動した場合など、ブラウザのコンテキスト切り替えによってアトリビューションロスが発生する可能性があります。

アトリビューションの損失を最小限に抑えるには、これらの広告ネットワークごとに適切なSingularトラッキングリンクのフォーマットを使用します。リンクは、ユーザーをウェブサイトのランディングページにリダイレクトするか、アプリストアに直接リダイレクトするように構築することができます。この方法では、アプリ内ブラウザにリダイレクトされる前にモバイルクリックをキャプチャすることができます。ガイドはこちらから：

パラメータの優先順位とマッピング

パラメータ取得の優先順位

Web SDKは、以下の優先順位で自動的にページURLからパラメータをキャプチャします：

  1. WPパラメータ（最優先） -wp_がプレフィックスとして付くカスタムパラメータ
  2. UTMパラメータ-utm_source やutm_campaignのような標準的なマーケティングパラメータ

UTMから単一ディメンションへのマッピング

ウェブキャンペーンからのUTMパラメータは、自動的にSingularレポートディメンションにマッピングされます：

UTM パラメータ シンギュラーディメンション
utm_source ソース
utm_campaign キャンペーン名
utm_content クリエイティブ名
utm_term キーワード
utm_medium ユーザーレベルのエクスポートで使用可能

注：すべてのキャプチャされたパラメータは、詳細な分析のためにユーザーレベルのエクスポートの passthrough 列にも保存されます。

レポーティング

Reporting dashboard showing Web-to-App attribution

実装後、ウェブサイトから発信されたモバイルアプリのインストールとリエンゲージメントがSingularレポートに表示されます：

  • トラッカー名"モバイルウェブからアプリへ"
  • リンクタイプ「モバイルウェブからアプリへ」（新しいディメンション）
  • ソース/キャンペーン/クリエイティブ元のウェブキャンペーンパラメータ（UTMパラメータが存在する場合

これにより、即時のウェブコンバージョンだけでなく、モバイルアプリの成長を促進するウェブキャンペーンの真のROIを測定することができます。

トラブルシューティング

リンクが更新されない

  • Web-to-Appコードが実行される前に、Singular Web SDKがロードされていることを確認してください。
  • ブラウザのコンソールでJavaScriptエラーを確認する
  • ベースリンクが正しくフォーマットされているか確認してください（sng.link を含める必要があります）。

ウェブパラメータがレポートに表示されない

  • ウェブサイトのURLにUTMパラメータまたはSingular WPパラメータが含まれていることを確認してください。
  • Web SDKのバージョンが1.0.8以上であることを確認してください。
  • 生成されたリンクに_web_params クエリ文字列が含まれているか確認してください。

その他のヘルプが必要ですか？

Singularカスタマーサクセスマネージャーにお問い合わせください。