how to integrate facebook app events for ios platform in flutter

Question

I tried Facebook app events integration for ios (flutter) using plugin support of flutter_facebook_sdk and flutter_app_events, but nothing worked out. May I know how to implement this Facebook feature in ios.

Answer 1

At first, you need to have facebook app installed in your device to see any/all app events on your facebook dashboard. Make sure you are using a real device as for some reason simulators do not post events on facebook analytics as facebook app is not installed on simulators.

Secondly, to integrate facebbok app events on IOS just follow the pub docs.

First import the project into your flutter app:

flutter pub add facebook_app_events

Next, edit your info.plist (your_project_folder -> ios -> Runner -> Info.plist) Add the following into your info.plist:

<key>CFBundleURLTypes</key>
<array>
  <dict>
  <key>CFBundleURLSchemes</key>
  <array>
    <string>fb[APP_ID]</string>
  </array>
  </dict>
</array>
<key>FacebookAppID</key>
<string>[APP_ID]</string>
<key>FacebookDisplayName</key>
<string>[APP_NAME]</string>

If your code already contains CFBundleURLTypes, insert the following:

<array>
 <dict>
 <key>CFBundleURLSchemes</key>
 <array>
   <string>fb[APP_ID]</string>
 </array>
 </dict>
</array>
<key>FacebookAppID</key>
<string>[APP_ID]</string>
<key>FacebookDisplayName</key>
<string>[APP_NAME]</string>

Your integration for ios ends here. Next to send app events to facebook:

static final facebookAppEvents = FacebookAppEvents();

static Future<void> sendLoginAnalyticsEvent(
      String userId, String phone) async {
    
    await facebookAppEvents.logEvent(
      name: 'login_user',
      parameters: <String, dynamic>{
        'user_id': userId,
        'user_phone_no': phone,
      },
    );

    print('Successfully Sent loginEvent');
  }