Facebookピクセルと連携

Facebookピクセルは、Facebookが提供するWeb専用分析ツールです。Facebook SDKのv4.34では、アプリ内のweb viewでピクセルイベントを記録できます。FacebookピクセルイベントをFacebook Appイベントに変換することもできます。これを行うには、Hybrid Mobile App Eventsを使用します。

また、Facebook SDKを実装しなくても、Adjust SDKでFacebookピクセルを利用できるようになりました。

サンプルアプリ

• iOSサンプルアプリ

Facebookとの連携

FacebookアプリID

Facebookピクセルの使用を開始するには、次の手順を実行します。

FacebookのiOS SDKガイドの説明のとおり、次の手順を実行してFacebookアプリIDをアプリに追加する必要があります。

1. Xcodeで、プロジェクトのInfo.plistファイルを右クリックして、 Open As -> Source Code を選択します。
2. 以下のXMLスニペットをファイルbodyの最後の</dict>要素の直前に挿入します。

<dict>
  <key>FacebookAppID</key>
  <string>{your-app-id}</string>
</dict>

{your-app-id}を対象アプリのアプリIDに置き換えます。これはFacebook App Dashboardで確認できます。

Facebookピクセルの設定

Facebook Pixelの統合方法については、Facebookのガイドに従ってください。Javascriptコードは以下のように記述する必要があります。

1
<!-- Facebook Pixel Code -->
2
<script>
3
   !function(f,b,e,v,n,t,s)
4
   fbq('init', <YOUR_PIXEL_ID>);
5
   fbq('track', 'PageView');
6
</script>
7
<!-- End Facebook Pixel Code -->

次に、Facebookピクセルコードを更新します。手順はHybrid Mobile App Eventsガイドの Update Your Pixel に記載されています。

1
fbq('init', <your_pixel_id>);
2
fbq('set', 'mobileBridge', <your_pixel_id>, <your_fb_app_id>);

Adjust SDKの実装

web viewの拡張

iOS web viewアプリの連携ガイドに従ってください。Web View bridgeをロードする際に、 augmentHybridWebViewメソッドへの呼び出しを追加します。

1
- (void)viewWillAppear:(BOOL)animated {
2

3
   WKWebView *wkWebView = [[WKWebView alloc] initWithFrame:self.view.frame];
4
    /// add @property (nonatomic, strong) AdjustBridge *adjustBridge; on your interface
5
   self.adjustBridge = [[AdjustBridge alloc] init];
6
   [self.adjustBridge augmentHybridWebView];
7
   [self.adjustBridge loadWKWebViewBridge:wkWebView];
8

9
}

イベント名の登録

Adjust web bridge SDKは、Facebook PixelイベントをAdjustイベントに変換します。

この機能を使用するには、Facebookピクセルを特定のAdjustイベントにマッピングする必要があります。デフォルトのAdjustイベントトークンを設定することもできます。デフォルトトークンを使用するには、Adjust SDKを開始してピクセルイベントを記録する前にトークンを追加する必要があります。これには、Facebookピクセル設定からコピーペーストされたfbq('track', 'PageView');イベントが含まれます。

イベントをマッピングするには、configインスタンスでaddFbPixelMappingメソッドを呼び出します。 Facebookイベント名とAdjustイベントトークンをパラメーターとして使用してください。Adjust SDKを初期化する前にこれを呼び出す必要があります。

1
adjustConfig.addFbPixelMapping("fb_mobile_search", adjustEventTokenForSearch);
2
adjustConfig.addFbPixelMapping(
3
   "fb_mobile_purchase",
4
   adjustEventTokenForPurchase,
5
);

Adjust SDKでは、特定のイベントについてデフォルトのイベントトークンが見つからない場合は、警告をログに記録します。

1
There is not a default event token configured or a mapping found for event named: 'fb_mobile_search'. It won't be measured as an adjust event.

マッピングを設定していない場合は、デフォルトのAdjustイベントを設定することも可能です。これを行うには、Adjust SDKを初期化する前にadjustConfig.setFbPixelDefaultEventToken(defaultEventToken);を呼び出します。