Integration via GoogleTagManager (GTM)

As a more flexible alternative, you may use the Google Tag Manager to integrate a Product Guide into your website. You should only consider this option if you are already using GTM in your website. 

Using GTM might also make it easier to change parameters (e.g. the theme that should be used) because you don't have to actually change your website code.

First, you need to split the integration code into two separate parts: The Script and the HTML.

Script

<!-- begin excentos integration code -->
<script 
	src="//stage.excentos.com/CompanyName/DE/app_ApplicationName/locale/loadadvisor?theme=default"> 
</script> 
<!-- end excentos integration code // start content area where Product Guide is displayed -->
<div id="xc_application">
	<div id="xc_application_pane"></div>  
	<div id="xc_loader"></div>
</div>
<!-- end excentos content area -->

HTML

As a more flexible alternative, you may use the Google Tag Manager to integrate a Product Guide into your website. You should only consider this option if you are already using GTM in your website. 

Using GTM might also make it easier to change parameters (e.g. the theme that should be used) because you don't have to actually change your website code.

First, you need to split the integration code into two separate parts: The Script and the HTML.

<script 
	src="//stage.excentos.com/CompanyName/DE/app_ApplicationName/locale/loadadvisor?theme=default"> 
</script>  

<!-- end excentos integration code // start content area where Product Guide is displayed -->
<div id="xc_application">
	<div id="xc_application_pane"></div>  
	<div id="xc_loader"></div>
</div>
<!-- end excentos content area -->

Add the HTML part to your website's html at the exact position where the Product Guide should be displayed.

To load the script code via GTM, log in to the Google Tag Manager dashboard and create a new tag. Select the tag type "Custom HTML".

Insert the Script code and configure the trigger to fire on the page where you added the HTML code.