どのようにお手伝いできますか?

Apple App Clipsの実装ガイド

  • 更新

概要:App Clipsを使うと、iOS 14以降のユーザーが、すぐにアプリにアクセスし、その機能を体験できます。 AppsFlyerはApp Clipのアトリビューションに対応し、AndroidユーザーなどApp Clipsを利用できないユーザーを、必要に応じて適切なページにリダイレクトします。

app_clip_flow_3.png

App Clipの連携

  • App Clipsは、アプリ本体をダウンロードせずに、iOS 14のユーザーが手軽にアプリの機能を体験できる仕組みです。
  • App Clipsは、QRコードやNFCタグなどからの呼び出しによって、インストール・起動されます。注意:SafariのSmart App Bannerと「メッセージ」アプリ内のリンクには対応していません。 
  • App Clipのクリック、インストール、アプリ内イベント、App Clipからアプリ本体へのインストールを紐付けるには、AppsFlyer SDKが必要です。
  • OneLinkはSDKとは独立して、必要に応じてユーザーをリダイレクトします。
    • アプリ本体をインストールしていないユーザー:
      • iOS 14以降の場合は、App Clipに移動します。
      • iOS 13以前またはAndroidの場合は、OneLinkの設定に基づいて、アプリストアなどにリダイレクトされます。
    • アプリ本体をインストールしているユーザーは、OneLinkのUniversal LinkまたはApp Linkの設定に基づいて、アプリ本体に移動します。

留意事項

  • App Clipsのサイズは、最大10 MBです。 AppsFlyer SDKのサイズは、約1.5 MBです。 
  • 広告識別子は利用できません。
  • App Clipsは、30日間利用されないと、OSによって自動的に削除されます。

例

マークは、コーヒーチェーンのマーケターです。お客様が列に並ばず、数秒で注文できるApp Clipを作成するよう、iOS開発者に依頼します。お客様は、Appleでサインインを使ってログインし、コーヒーを注文して、Apple Payで支払うだけです。開発者はAppsFlyer SDKを追加し、アプリ本体とApp Clipの両方で動作することを確認します。

マークはOneLinkを作成し、「並ばず注文!」という案内とともに、店内にQRコードを掲示します。 

お客様がQRコードを読み取ると、次のように動作します。

  • iOS 14以降のデバイスを使用している場合、App Clipが開きます。該当する店舗の情報と割引クーポンが表示されます。
  • アプリ本体をすでにインストールしている場合は、アプリのコーヒー注文画面が開きます。
  • アプリ本体をインストールしておらず、iOS 13以前またはAndroidのデバイスを使用している場合は、コーヒーチェーンのアプリのストアページが開きます。

マークは、AppsFlyerのダッシュボードとレポートで、App Clipのクリック数・インストール数と、最終的にアプリ本体をダウンロードしたユーザー数を確認します。

指標とレポート

以下の表のユーザー行動に基づき、App Clipsの分析データとローデータをプラットフォーム上で確認できます。

ユーザーの行動 AppsFlyerのイベント オーバービューダッシュボードと分析ツール ローデータ
呼び出し(例:QRコード) イベントなし イベントなし イベントなし
App ClipカードをクリックしてApp Clipが開く

クリックとインストールが呼び出し元に紐付けられる

  • クリック
  • インストール
app_type=app_clip
App Clipを使用する
  • [任意]開発者がアプリ内イベントを送信
  • App Clipの初回起動後、以降の起動はセッションとしてカウントされます。
  • アプリ内イベント
  • セッション
アプリ本体をダウンロードして起動する アプリ内イベント アプリ内イベント名=af_app_clip_to_full_app
アプリ本体を継続的に使用する [任意]開発者がアプリ内イベントを送信 アプリ内イベント

コホートダッシュボード

コホートダッシュボードでは、App Clipの成果について、次のことを確認できます。 

  • App Clipの利用からアプリ本体のインストールまでにかかった時間。
  • アプリ内コンバージョンの指標を使った、呼び出し元のキャンペーン間の成果比較。

App Clipの実装

以下では、App Clipsを開発・実装するために、お客様とiOS開発者が行う作業を説明します。

作業の範囲

担当者と役割

  • 広告主:
    • OneLinkテンプレートでApple App Clipsを設定します。
    • AppleのApp Store ConnectにOneLinkのリンクを登録します。
    • AppsFlyerのダッシュボードとレポートで指標を確認します。
  • iOS開発者:
    • App Clipを作成します。
    • App ClipにAppsFlyer SDKを実装します。

事前準備

  • 1つ以上のアプリが登録されているAppsFlyerアカウント。
  • Universal Linksが設定されたOneLinkテンプレートと、アプリ本体のユーザーを誘導するよう設定されたOneLinkのリンク。
    推奨事項:App Clipの呼び出しに使用するテンプレートとリンクは、アプリ本体をインストールしていないすべてのユーザーをApp Clipに誘導します。そのため、App ClipではなくApp Storeに誘導したい場合に備えて、別のテンプレートとカスタムリンクを用意することを検討してください。 0>

App Clipの開発

アプリのApp Clipを作成する詳しい手順は、Appleの開発者向けApp Clipガイドを参照してください。

App Clipsの利用方法やアプリ本体との連携を紹介する簡単なサンプルアプリは、AppsFlyerのApp Clipガイドを参照してください。

SDKの実装

  • クリック、インストール、アプリ内イベント、App Clipからアプリ本体へのインストールをAppsFlyerで紐付けるには、SDKが必要です。
  • OneLinkによるユーザーのリダイレクトは、SDKの実装とは独立して動作します。

SDKの導入とアプリ本体のSDKの設定方法: 

次のリンクをiOS開発者に共有し、各手順に従って対応するよう依頼してください。

OneLinkの設定

事前準備:

  • アプリ本体用の、iOS Universal Linksが設定されたOneLinkテンプレート。
  • OneLinkのリンク。
  • 推奨事項:App Clipの呼び出しに使用するテンプレートとリンクは、アプリ本体をインストールしていないすべてのユーザーをApp Clipに誘導します。そのため、App ClipではなくApp Storeに誘導したい場合に備えて、別のテンプレートとカスタムリンクを用意することを検討してください。

App Clip用のOneLinkテンプレートの設定方法:

  1. AppsFlyerダッシュボードで、[エンゲージ]>[OneLink管理]に移動します。
  2. アプリ本体にユーザーを誘導するためのOneLinkテンプレートを選択します。 
  3. OneLinkテンプレートにUniversal Linksが設定されていることを確認します。 Universal Linksを追加する手順を参照してください。
  4. [保存]をクリックします。
    App Clipに対応するよう、AASAファイルが更新されます。
  5. AppsFlyerダッシュボードで、[エンゲージ]>[OneLink管理]に移動します。
  6. 手順1~4で設定したテンプレートに基づく、App Clipにユーザーを誘導するためのOneLinkカスタムリンクを選択します。
  7. メディアソース(pid)が指定されていることを確認します。
    メディアソースは、URL内で指定する(例:pid=chartboost_int)か、リンク内に含める必要があります。

AppsFlyerのOneLinkでApp Clipsが有効になっていることを確認する方法:

  1. アプリとの関連付けを確認するファイルを取得するためのURLを作成します。 OneLinkテンプレートのドメインに/.well-known/apple-app-site-associationを追加して、URLを作成します。 
    例:coffee.onelink.me/.well-known/apple-app-site-association。
  2. 関連付けファイルのURLにアクセスします。
    apple-app-site-association ファイルが自動的にダウンロードされます。
  3. apple-app-site-associationファイルを、メモ帳などのテキストエディターで開きます。
  4. ファイルに「appclips」という文字列が含まれていることを確認します。また、バンドルIDの末尾が「.Clip」になっていることを確認します。例:
    "appclips": {
        "apps": [
          "ABCD1234.id.your.app.Clip",
          ...
        ]
    ...
    
    この内容が確認できれば、AppsFlyer側でApp Clipsの設定が完了しています。同じサブドメインを持つすべてのOneLinkテンプレートで、App Clipが実装された状態になります。

App Store Connectの設定

事前準備:App Clips用のOneLinkテンプレートの設定が完了していること。

App ClipをOneLinkと連携させる設定方法: 

  1. App Store Connectのアプリのページで、[ビルド(Build)]>[ドメインの状態(Domain Status)]に移動します。
  2. [ビルドのドメイン(Build domains)]にOneLinkのドメインが表示され、[キャッシュの状態(Cache status)]と[デバッグの状態(Debug status)]が、どちらも「検証済み(validated)」になっていることを確認します。
  3. AppsFlyerダッシュボードで、[エンゲージ]>[OneLink管理]に移動します。
  4. 使用するリンクの[操作]アイコンにカーソルを合わせ、[URLを取得]をクリックします。 
  5. ショートURL、またはロングURLの先頭部分を控えておきます。 
  6. App Store Connectのアプリのページで、[App Clip]>[高度な体験を編集]>[+追加]>[次へ]に移動します。
  7. [App Clip体験URL]に、手順5で控えたOneLinkのカスタムURLを貼り付けます。
    注意:カスタムURLの後ろにクエリパラメータを追加できますが、パスは変更できません。
  8. [次へ]をクリックします。
    これで、App ClipとOneLinkの連携設定が完了します。 App Store Connectの設定について詳しくは、Appleの開発者向けガイドを参照してください。

テスト

事前準備:アプリ本体がインストールされていない、iOS 14の登録済みテストデバイス。

OneLinkとApp Clipの連携をテストする方法:

  1. AppsFlyerダッシュボードで、[エンゲージ]>[OneLink管理]に移動します。
  2. テストするリンクの[操作]アイコンにカーソルを合わせ、[URLを取得]をクリックします。 
  3. デバイスでQRコードを読み取ります。
    デバイスにApp Clipカードが表示されれば、OneLinkとApp Clipの連携が正しく設定されています。

仕様と制限事項

仕様と制限事項

仕様/制限事項 説明
呼び出し方法
  • QRコードとNFCタグに対応しています。
  • SafariのSmart App Bannerと「メッセージ」アプリ内のリンクには対応していません。 
SKAdNetwork

SKAdNetworkの機能は利用できません。そのため、App Clipのインストールは、SKAdNetworkダッシュボードにオーガニックとして表示されます。

OneLink

OneLinkカスタムリンクごとに設定できる高度なApp Clip体験は、1つだけです。つまり、App Store ConnectでOneLinkに追加のパスを設定することはできません。

Protect360

Protect360はApp Clipsに対応していません。