[FBsdk]Facebook深度リンクの追加


  • Get Started_developers.facebook.com
  • developer.android.com
  • [react-ネイティブ]IOS深さリンク接続
  • アプリケーション広告への深さリンクの追加



    深度リンクとは?

  • ディープリンクはアプリケーションのみならず、アプリケーション内の特定コンテンツ(ページ)へのリンクでもある
  • 移動深度リンクはscheme://pathの形態です.
  • scheme:特定の固有アプリケーションの例を示す)youtube://
  • ディープリンクを使って、初めてアプリを開いたときに普段興味のある情報に直接接続できる
  • 深度リンク(deepLink)を使用します。

  • アプリケーション広告にディープリンクを使用すると、広告をクリックしてアプリケーションを開くことを契機としたコンテンツ移動の追加手順が削除される
  • よりスムーズなお客様体験が可能
  • ディープリンクがない場合は、アプリケーションで欲しいコンテンツを検索する必要がある😨
  • 深さリンクの設定


    開始前

  • Facebook SDK必須
  • インストールトレースを有効にする必要がある
  • 1.深さリンク設定の追加



    アプリケーション・ダッシュボードにアプリケーションの深さリンク情報を追加できます.
    ・「・」「接続」右上隅「アプリケーション選択」アプリケーション制御ボード・𐅾

    2-1. Android設定


  • AndroidManifest.xmlファイルを開く
  • コード追加
  • 参考:https://developers.facebook.com/
  • // 앱에 맞게 코드 수정하기
        <activity
            android:name="com.example.android.GizmosActivity"
            android:label="@string/title_gizmos" >
            <intent-filter android:label="@string/filter_view_http_gizmos">
                <action android:name="android.intent.action.VIEW" />
                <category android:name="android.intent.category.DEFAULT" />
                <category android:name="android.intent.category.BROWSABLE" />
                <!-- Accepts URIs that begin with "http://www.example.com/gizmos” -->
                <data android:scheme="http"
                      android:host="www.example.com"
                      android:pathPrefix="/gizmos" />
                <!-- note that the leading "/" is required for pathPrefix-->
            </intent-filter>
            <intent-filter android:label="@string/filter_view_example_gizmos">
                <action android:name="android.intent.action.VIEW" />
                <category android:name="android.intent.category.DEFAULT" />
                <category android:name="android.intent.category.BROWSABLE" />
                <!-- Accepts URIs that begin with "example://gizmos” -->
                <data android:scheme="example"
                      android:host="gizmos" />
            </intent-filter>
        </activity>
        

    2-2. iOS設定


  • SSO有効
  • URLアーキテクチャ接尾辞:://URLアーキテクチャ追加不要
  • App Store ID:developer.android.comApple ID導入

  • 勘定科目勘定科目iOS深さリンク接続+プラットフォーム追加[iOS]


    Quick Startメニューを使用したプラットフォームの追加
  • info.plistファイルへのコードの追加
  • https://appstoreconnect.apple.com←参考添加
  • AppDelegate.mファイルに以下のコードを追加
  • XcodeURL Types追加
  • info底部に追加可能
  • [iOSに送信]を追加して深さリンクテストを行う.テストを行います.

  • 3.深さリンクテスト



    iOSページ下部でテストリンクをチェック
  • ディープリンクテストは使用中の機器にFacebookアプリを登録する必要がある
  • AndroidとiPhoneにFacebookアプリをインストールしてログイン後テスト
  • ✔Android/OSテスト



  • example://gizmos入力して「Androidに送信」をクリックします
  • アプリケーションのインストール時にアプリケーションを呼び出す

  • ✔iOSテスト


  • example://gizmos入力後、「iOSに送信」をクリックします.
  • アプリケーションがインストールされていない場合はインストール画面を呼び出す