Closed TwistedMinda closed 7 months ago
Hey there, @TwistedMinda. I understand that this topic can be confusing. Let me try and help.
Thank you for all of these great details! Based on the information you provided, let me try and get into the main questions that you're asking.
The Rich Push editor purposely does not provide a notification
object, correct. This is because a FCM behavior with how push notifications are handled on a device. As you can see from the table on this webpage, only JSON payloads that include a data
object and do not include notification
object will be processed on the device when app is in foreground and in the background.
The Rich Push editor wants to make sure that the Customer.io mobile SDK is able to process every push notification received on the device, no matter if app is in foreground or background. Therefore, it composes a push that has the highest chance of that happening.
I reached out to my team to help on this question. I'll follow-up when we have an answer for you.
Actually, we have designed our rich push feature with passing around custom data in mind. You should be able to send custom data inside of a Customer.io sent push notification and process it on a device, if you need to.
In the Rich Push editor, you can pass in custom JSON:
You can preview the payload that will be sent to the device:
Then, in the push callback functions in your app, you can parse the push notification payload to get the custom data out of the push. How you do this step depends on your app and the callback functions that you have setup. In your scenario, you have been experiencing issues with callback functions not being called. Hopefully after those issues are resolved, this step is much easier for you to complete.
In general, we recommend the Rich Push editor when it works for you and your use case. The Rich Push editor is an easier to use experience for editing as well as displaying a push in your app. With the custom data feature of the Rich Push editor, it should be able to handle some advanced use cases your app needs.
The custom payload editor is a great option for more advanced use cases the Rich Push editor cannot handle. When you use the custom payload editor, it may be required that you write more custom code in your app to handle push notifications being displayed in your app.
Our documentation website does offer payload examples that are meant to be compatible with our mobile SDKs. This is meant to allow you to still be able to use the custom payload editor to handle your more advanced use case, but also use the Customer.io mobile SDKs to do some of the work for you such as displaying an image in a push.
I hope that this response helps you with resolving your issue. I understand that you may have more questions. Please, feel free to follow-up with more questions if you have them.
Have an awesome day!
Thanks for your fast & clear answer! This enlightens me so much :)
It explains a lot on why I had so much troubles setting up the notifications & tracking on Android. So, the ultimate goal to be "up-to-date" is to use the Rich Push, with only a "data" object to maximize reachability.
Now I only need my callbacks to work and I'll be good to go. What is the library you advice using alongside CustomerIO to handle these callbacks ?
With firebase messaging I'm able to receive the foreground and background listeners to work, so now I only need the onNotificationOpenedApp to work to receive the taps on the notification. It seems it's actually not that trivial, as it depends a lot on the specific setup you have. For example, here is a discussion about this specific problem : https://github.com/invertase/react-native-firebase/issues/3469#issuecomment-614990736
As mentioned in the thread, I use react-native-splash-screen which may require more steps to get all my callbacks to work, but that's not CustomerIO related. I might need some more help later on if the tracking is not working as expected but I might open a different issue, so feel free to close this one if needed
Thanks again!
Glad that you found this response helpful!
Now I only need my callbacks to work and I'll be good to go. What is the library you advice using alongside CustomerIO to handle these callbacks ?
Could you share a use case for what you're trying to accomplish in your app? Why you say you need callbacks?
What I think you're trying to do is:
Is this use case correct?
Yes exactly, the use case is correct.
I'll keep you in touch to let you know if the manual tracking is required when I'm done testing all the combos (react-native-notifications, react-native-firebase, react-native-push-notifications, expo-notifications) :p Any of these libraries is advised by the CustomerIO team? From my point of view, CustomerIO is basically agnostic to them?
Here is a quick overview of the code I'm trying to accomplish (using react-native-notifications).
Sharing those use cases is very helpful, thank you!
There is a known limitation with the React Native SDK at this time in regards to it's support for processing custom data you add in the Rich Push editor. We are tracking this limitation internally and I have added a +1 to that ticket based on this conversation. Unfortunately, we do not have a release date in mind for this feature.
On the notification tap, we want to retrieve the push notification data and act accordingly
For this use case, I suggest using a deep link instead of the custom data Rich Push editor feature. The React Native SDK has deep link support and you can use the Rich Push editor to add a deep link to a push notification:
The idea is, when a push is clicked > the Customer.io SDK processes that push click event > the deep link gets executed > your app opens and you're able to process the push data via the deep link URL sent to your app.
Deep links are a neat feature that could be used beyond a Customer.io push notification. If you haven't looked into this feature yet, I do suggest it.
We're also incrementing a local counter to let the user know he has notifications to read
Callback functions for when a push is received should work for this use case.
You mentioned previously that you have successfully gotten callbacks triggered for when a push is received on the device, correct?
And finally we're tracking events manually because it wasn't working automatically for us, but it might now that we're using Rich Push
Good idea on continuing to test this as you continue to modify your project and try new things out. Getting push metrics to work is, unfortunately, trial and error at the moment.
If you do decide to use the Customer.io mobile SDK alongside another SDK, we do have documentation that gives an overview on how to manually do tracking.
Any of these libraries is advised by the CustomerIO team? From my point of view, CustomerIO is basically agnostic to them?
We suggest only using another SDK, if you need it. Setting up Customer.io push is easier and less complex if you only use the Customer.io SDK.
There isn't 1 particular SDK that we suggest using at this time. Whatever SDK that you're comfortable with is a good choice. We hear rnfirebase being used a lot alongside our SDK, if that helps.
Oh, okay it is good to know that the Rich Push custom payload support is not that trivial and it's not just me :p
Using a deeplink instead of the payload data is indeed something I came up with in my initial post :
We should be using the "link" property with a proper deeplink, and let the deeplink callbacks receive the information instead of trying to catch the data in the react-native-notifications listeners
Unfortunately that is going to be a lot of work. We also need to keep the old versions of our app being used in mind. But I understand now that this would have been way easier to use this solution from the get-go.
For now, our setup with Custom Payload is triggering all required callbacks so we have the time to make this right. So here's what I'm gonna do from now:
Thank you for your time and your detailed responses!
You're doing awesome. You're on the right track!
I wish I had an easier solution for you at this time. Again, this is on our radar. We don't like to hear when something is difficult to do for customers. Greatly appreciate your time and detailed responses.
I'm going to close this since you have a plan that will work for you.
Hello!
SDK version:
Latest: 3.3.2
Describe the issue
I'm using
react-native-notifications
to catch received notifications from CustomerIO, and from what I understood, it should be the same forreact-native-push-notifications
,react-native-firebase/messaging
orexpo-notifications
. On iOS, both Rich Push and Custom Payload are received in the "foreground" or "background" & "opened" listeners. The issue is that on Android things start to behave differently, we don't get the callbacks called when a Rich Push notification is received (but image appears correctly, and the deeplink also work)Here is a Rich Push payload from the "Preview Payload" feature on the Dashboard, for android.
Now here is the Custom Payload that we send and is being received through the callbacks:
I came to the conclusion that:
react-native-notifications
listenersAm I correct?
EDIT: I tested with react-native-firebase messaging and I receive the background and foreground listeners even with Rich Push notif, but the
onNotificationOpenedApp
event to catch taps on the notification is not called unfortunately.Additionally, the tracking is not behaving the same:
Thanks for your time!