Marfeel Experiences are integrated with your site through marfeel-sdk, a Javascript that allows you to integrate several Marfeel products in your site and to interact with them. flowcards API is used to dynamically build experiences and flows based on targeting parameters and trigger conditions. It builds and displays the most appropriate experience for each case, loading the required libraries only when needed.
Experiences activation
Marfeel Experiences do not require any additional implementation step. You can activate them through Experience Manager; pre-targeting experiences get included in marfeel-sdk, and post-targeting ones are fetched on a subsequent request to experience.mrf.io/json/experiences. This request is not done unless some experience has been set to active.
Experiences on SPA
Experiences will natively reload on each browser navigation, delivering new experiences that adapt to the new page and executing them.
However, in Single Page Applications (SPAs) or Progressive Web Apps (PWAs) where the user can navigate without refreshing the entire page, you need to reload experiences manually using the triggerExperiences() method.
window.marfeel.cmd.push(['experiences', (experiences) => {
experiences.triggerExperiences();
}]);
Marfeel SDK will consider your canonical url (link rel="canonical" in head) on page for fetching new experiences, make sure it is updated accordingly on every SPA navigation.