As follows, you could set FireworkSDK.getInstance().liveStream.onLiveStreamChatEvent to receive live stream chat events. The event type is LiveStreamChatEvent.
The host app can record a purchase which will help get a full picture of the user journey flow. To do this, call FireworkSDK.getInstance().trackPurchase whenever the purchase happens. The following are the sample codes:
FireworkSDK.getInstance().trackPurchase({ orderId:'<Order ID of User Purchase>', value:'total purchase value', currencyCode:'e.g. USD', countryCode:'e.g. US', additionalInfo: { additionalKey1:'additionalValue1', additionalKey2:'additionalValue2', additionalKey3:'additionalValue3', },});
Conversion tracking
Get feed id for VideoFeed and StoryBlock components
<VideoFeedstyle={{ height:200 }} source="discover"onVideoFeedGetFeedId={(feedId) => {// The host app could store some custom info based on the feed id,// such as component name }}/><StoryBlockstyle={{ height:200 }} source="discover"onStoryBlockGetFeedId={(feedId) => {// The host app could store some custom info based on the feed id,// such as component name }}/>
Get feed id from event callbacks
Currently, the host app could get feed id from some event callbacks. For example:
FireworkSDK.getInstance().shopping.onShoppingCTA=async (event:ShoppingCTAEvent) => {constfeedId=event.video.feedId;if (feedId) {// Get custom info based on the feed id }}FireworkSDK.getInstance().shopping.onCustomClickCartIcon=async (event) => {constfeedId=event.video.feedId;if (feedId) {// Get custom info based on the feed id }};FireworkSDK.getInstance().shopping.onUpdateProductDetails=async (event) => {constfeedId=event.video.feedId;if (feedId) {// Get custom info based on the feed id }};FireworkSDK.getInstance().shopping.onCustomTapProductCard=async (event) => {constfeedId=event.video.feedId;if (feedId) {// Get custom info based on the feed id }};FireworkSDK.getInstance().onCustomCTAClick=async (event) => {constfeedId=event.video.feedId;if (feedId) {// Get custom info based on the feed id }}