base on Flutter Plugin for Facebook App Events # facebook_app_events [](https://pub.dartlang.org/packages/facebook_app_events) [](https://github.com/TheFireCo/genkit-plugins/blob/main/LICENSE) Flutter plugin for [Facebook App Events](https://developers.facebook.com/docs/app-events). > An app event is an action that takes place in your app or on your web page such as a person installing your app or completing a purchase. Facebook App Events allows you to track these events to measure ad performance, and build audiences for ad targeting. Flutter plugin for Facebook App Events, an app measurement solution that provides insight on app usage and user engagement. ## Setting things up You must first create an app at Facebook for developers: https://developers.facebook.com/ 1. Get your app id (referred to as `[APP_ID]` below) 2. Get your client token (referred to as `[CLIENT_TOKEN]` below). See "[Facebook Doc: Client Tokens](https://developers.facebook.com/docs/facebook-login/guides/access-tokens#clienttokens)" for more information and how to obtain it. ### Configure Android Read through the "[Get Started with App Events (Android)](https://developers.facebook.com/docs/app-events/getting-started-app-events-android)" and "[Getting Started with the Facebook SDK for Android](https://developers.facebook.com/docs/android/getting-started)" tutorial. In particular, follow [Update Your Manifest](https://developers.facebook.com/docs/android/getting-started#add-app_id) step by adding the following into `android/app/src/main/res/values/strings.xml` (or into respective `debug` or `release` build flavor) ```xml <?xml version="1.0" encoding="utf-8"?> <resources> <string name="facebook_app_id">[APP_ID]</string> <string name="facebook_client_token">[CLIENT_TOKEN]</string> <string name="fb_login_protocol_scheme">fb[APP_ID]</string> <string name="app_name">[APP_NAME]</string> </resources> ``` After that, add that string resource reference to your main `AndroidManifest.xml` file, directly under the `<application>` tag. ```xml <application android:label="@string/app_name" ...> ... <meta-data android:name="com.facebook.sdk.ApplicationId" android:value="@string/facebook_app_id"/> <meta-data android:name="com.facebook.sdk.ClientToken" android:value="@string/facebook_client_token"/> ... </application> ``` ### Configure iOS Read through the "[Getting Started with App Events for iOS](https://developers.facebook.com/docs/app-events/getting-started-app-events-ios)" tutorial and in particular, follow [step 5](https://developers.facebook.com/docs/app-events/getting-started-app-events-ios#step-5--configure-your-project) by opening `info.plist` "As Source Code" and add the following - If your code does not have `CFBundleURLTypes`, add the following just before the final `</dict>` element: ```xml <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>FacebookClientToken</key> <string>[CLIENT_TOKEN]</string> <key>FacebookDisplayName</key> <string>[APP_NAME]</string> ``` - If your code already contains `CFBundleURLTypes`, insert the following: ```xml <array> <dict> <key>CFBundleURLSchemes</key> <array> <string>fb[APP_ID]</string> </array> </dict> </array> <key>FacebookAppID</key> <string>[APP_ID]</string> <key>FacebookClientToken</key> <string>[CLIENT_TOKEN]</string> <key>FacebookDisplayName</key> <string>[APP_NAME]</string> ``` ## About Facebook App Events Please refer to the official SDK documentation for [iOS](https://developers.facebook.com/docs/reference/iossdk/current/FBSDKCoreKit/classes/fbsdkappevents.html) and [Android](https://developers.facebook.com/docs/reference/androidsdk/current/facebook/com/facebook/appevents/appeventslogger.html) respectively for the correct and expected behavior. Please [report an issue](https://github.com/oddbit/flutter_facebook_app_events/issues) if you find anything that is not working according to official documentation. ## Dependencies on Facebook SDK Every now and then it is necessary for this plugin to update the Facebook SDK dependency. We follow the major version of the current Facebook SDK in order to be as compatible as possible with other dependencies in your project. Please do note that it means that you get "the latest version" up until next major release, and it might be a source of unexpected behavior for you if you are not aware of this. It is a preferred option to the alternative of locking into a specific MINOR version of the SDK, which might be causing incompatibilities with your other plugins or dependencies. ## Known Limitations ### Facebook Event Manager "Please Upgrade SDK" Warning When setting up codeless events in Facebook Event Manager, you may encounter a warning message stating: > "To use the codeless event setup tool, you will need to update to Facebook SDK Version 4.34.0 or higher." **This is a known limitation of the Facebook Event Manager UI and does not indicate an actual problem with your SDK version.** #### Why This Happens - This plugin uses **Facebook SDK version 18.x** (the latest available version) - Facebook deprecated the umbrella pod `FacebookSDK` after version 11.2.1 - Modern Facebook SDK uses individual component pods: `FBSDKCoreKit`, `FBSDKLoginKit`, `FBSDKShareKit`, etc. - The Facebook Event Manager UI was never updated to recognize this new pod structure - The warning message incorrectly suggests using the deprecated `FacebookSDK` umbrella pod #### What You Should Do **Do not downgrade your SDK version or try to use the deprecated `FacebookSDK` umbrella pod.** Instead: 1. **Ignore the warning** - Your SDK is already up-to-date (version 18.x) 2. **Codeless events should still work** despite the warning message 3. Ensure your app is properly configured: - iOS: Verify `FacebookAppID`, `FacebookClientToken`, and `FacebookDisplayName` are set in your `Info.plist` - Android: Verify `facebook_app_id` and `facebook_client_token` are set in `strings.xml` and referenced in `AndroidManifest.xml` - For codeless event debugging, enable `CodelessDebugLogEnabled` (see Facebook documentation) 4. Test codeless events on a physical device by: - Shaking the device to open the codeless event setup tool - If the tool doesn't appear, check your app configuration and Facebook console logs **Note:** This is a cosmetic UI issue in Facebook's Event Manager tool. Your app is using the correct, up-to-date SDK version. The codeless events feature will function correctly with proper configuration, regardless of the warning message. For more details, see: - [GitHub Issue #402](https://github.com/oddbit/flutter_facebook_app_events/issues/402) - [Facebook iOS SDK Issue #2513](https://github.com/facebook/facebook-ios-sdk/issues/2513) ## Getting involved First of all, thank you for even considering to get involved. You are a real super :star: and we :heart: you! Please read our [contribution guideline](CONTRIBUTING.md) for more info. ### Discussions and ideas We're happy to discuss and talk about ideas in the [repository discussions](https://github.com/oddbit/flutter_facebook_app_events/discussions) and/or post your question to [StackOverflow](https://stackoverflow.com/search?q=facebook+app+events+flutter). Feel free to open a thread if you are having any questions on how to use either the Facebook App Events as a reporting tool itself or even on how to use this plugin. ", Assign "at most 3 tags" to the expected json: {"id":"12974","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"