[cs_content][cs_element_section _id=”1″][cs_element_row _id=”2″][cs_element_column _id=”3″][cs_text _order=”0″]
Single Page Applications (SPA) are all the rage when it comes to site development. Be it the perceived benefits when it comes to page performance, user experience, or that it’s a cool concept – more and more clients are starting to utilize dynamically loaded pages for all or part of their sites. As a result, Tag Inspector has rolled out additional functionality and support for Single Page Applications in both the Scan and Realtime modules.
[/cs_text][/cs_element_column][/cs_element_row][/cs_element_section][cs_element_section _id=”10″][cs_element_row _id=”11″][cs_element_column _id=”12″][x_custom_headline level=”h2″ looks_like=”h3″ accent=”false”]SCANS[/x_custom_headline][/cs_element_column][/cs_element_row][/cs_element_section][cs_element_section _id=”19″][cs_element_row _id=”20″][cs_element_column _id=”21″][x_image type=”none” src=”https://taginspector.com/wp-content/uploads/2018/03/Scan-from-video.png” alt=”” link=”false” href=”#” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=””][/cs_element_column][/cs_element_row][cs_element_row _id=”28″][cs_element_column _id=”29″][cs_text _order=”0″]
Due to pages dynamically loading, the traditional method of following links to build a ‘sitemap’ to Scan does not work. This is true for both Tag Inspector’s initial crawler as well as other web crawlers. As a result, many of our clients using a SPA will have an xml sitemap on their domain. If this is the case, simply input the xml sitemap domain as the ‘Start URL’ when kicking off a Scan and we’ll be good to go! If this is not the case, we have rolled out functionality to Scan a csv list of URLs. Simply input the list (use this video as a reference) and we will Scan each page input.
[/cs_text][/cs_element_column][/cs_element_row][/cs_element_section][cs_element_section _id=”36″][cs_element_row _id=”37″][cs_element_column _id=”38″][x_custom_headline level=”h2″ looks_like=”h3″ accent=”false”]REALTIME[/x_custom_headline][/cs_element_column][/cs_element_row][/cs_element_section][cs_element_section _id=”45″][cs_element_row _id=”46″][cs_element_column _id=”47″][x_image type=”none” src=”https://taginspector.com/wp-content/uploads/2018/03/realtime.png” alt=”” link=”false” href=”#” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=””][/cs_element_column][/cs_element_row][cs_element_row _id=”54″][cs_element_column _id=”55″][cs_text _order=”0″]Within Realtime we will still collect data sent on pages that dynamically load. The issue comes in due to Validation Rules being evaluated on the ‘Window Unload’ event. With dynamic pages, the Window does not ‘unload’ when navigating from one page to another. As a result, an additional piece to the configuration becomes necessary. This is outlined in this support document. Once implementing the additional event, dynamic pages become treated the same as regular page loads within Realtime.[/cs_text][/cs_element_column][/cs_element_row][/cs_element_section][cs_element_section _id=”62″][cs_element_row _id=”63″][cs_element_column _id=”64″][x_custom_headline level=”h2″ looks_like=”h3″ accent=”false”]WHAT THIS MEANS FOR YOU[/x_custom_headline][/cs_element_column][/cs_element_row][/cs_element_section][cs_element_section _id=”71″][cs_element_row _id=”72″][cs_element_column _id=”73″][cs_text _order=”0″]As with anything involving dynamically loaded pages, there is a small additional step to make it all work. Reference the video and support documentation linked above to get it running on your site!
As always, let us know if we can help at all with configuration and audit away!
[/cs_text][/cs_element_column][/cs_element_row][/cs_element_section][/cs_content]