Series, Posts, and Tours - Single Page App

Question

Hi there, I have a single page app. I’m having some issues being able to set up series or subsequent events on the same page.The behavior I want:Welcome post	Dismiss or click a link in the post	Launch a product tour on the same page without any other interaction. I’ve tried two ways:Launch post and then product tour in the same series.	The issue that I’m having is that when I dismiss the post, the product tour does not launch without a page refresh. (The post AND the product tour is on the same page).		Launch post, click a link in the post to a the product tour (show tour anywhere link) or insert the product tour directly (displays the product tour name and description with a link). 	The issue that I’m having here is that when the user completes the product tour, the post pops back up. 	Is there something I’m missing here?Why won’t the product tour launch without a page refresh?	Why doesn’t Intercom treat a link click as a dismiss? Or is there a way to do this? I’ve tried tagging and having the tag as an entry rule.Thanks,Steve

Nathan Sudds · Accepted Answer

@Steve ErvinSorry you are having this issue with your Single Page App, I don’t have an answer directly but I am wondering if you’ve reviewed the information for integrating Intercom with aSingle Page Appas there may be some solutions there with the options on how you tell Intercom the page url has changed via one of the methods they suggest using Google Tag Manager, etc. that could help you direct users or target a simulated url change to activate the tour or dismiss the original message etc.Someone else may have some specific helpful advice for configuring the workflow you are working on but just in case you hadn’t seen this info I wanted to check in with you.Hope this helps!

Racheal · Answer

Hey @Steve ErvinRacheal from the support engineer team here👋@Nathan Suddsis exactly right- it sounds like you haven’t installed the Messenger using our Single Page App instructions.Websites that are a Single Page Application (SPA) are characterized by very few page refreshes and lots of asynchronous JavaScript require Intercom integration in a slightly altered way. This involves including the Intercom JavaScript library file in your HTML head element and making a few extra JS calls.The linked documentation onintegrating Intercom in a SPAwill provide complete details.

Join the Intercom Community 🎉

Intercom Customers and Employees

Login to the community

Intercom Customers and Employees

Scanning file for viruses.

This file cannot be downloaded