Content Cards

The Braze SDKs include a default card feed to get you started with Content Cards. To show the card feed, you can use the ReactAppboy.launchContentCards() method. The default card feed included with the Braze SDK will handle all analytics tracking, dismissals, and rendering for a user’s Content Cards.


You can use these additional methods to build a custom Content Cards Feed within your app:

Method Description
ReactAppboy.requestContentCardsRefresh() Requests the latest Content Cards from the Braze SDK server.
ReactAppboy.getContentCards() Retrieves Content Cards from the Braze SDK. This will return the latest list of cards from the server.
ReactAppboy.logContentCardsDisplayed() Logs a Content Content feed displayed event.
ReactAppboy.logContentCardClicked(cardId) Logs a click for the given Content Card ID.
ReactAppboy.logContentCardImpression(cardId) Logs an impression for the given Content Card ID.
ReactAppboy.logContentCardDismissed(cardId) Logs a dismissal for the given Content Card ID.

Test displaying sample Content Card

Follow the steps below to test a sample content card.

  1. Set an active user in the React application by calling ReactAppboy.changeUserId('your-user-id') method.
  2. Head to Campaigns and follow this guide to create a new Content Card campaign.
  3. Compose your test Content Card campaign and head over to the Test tab. Add the same user-id as the test user and click Send Test. You should be able to launch a Content Card on your device shortly.

Content Card Campaign Test

For more integrations, follow the Android integration instructions or the iOS integration instructions, depending on your platform.

A sample implementation of this can be found in AppboyProject, within the React SDK.

New Stuff!