Welcome To Our Customer Service Portal


How to deploy widgets via GTM? (Arcade and Modern widget)

Note: if you use Slim widget or newer, please follow this tutorial instead. 
 
In order to implement the widgets via GTM, you need to use the following widget script in your GTM:
 
Floating Widget Script
 
<script type='text/javascript'>
  var nanoProxyContainer = document.createElement("div");
  nanoProxyContainer.id  = 'NanorepProxyContainer';
  nanoProxyContainer.setAttribute("aria-live", "polite");
  nanoProxyContainer.style.position = "absolute";
  nanoProxyContainer.style.top = "-500px";
  nanoProxyContainer.left = "0px";
  document.body.appendChild(nanoProxyContainer);

var _nRepData = _nRepData || []; _nRepData['kb'] = '19583554'; _nRepData['float'] = {account: 'Nanorep', cdcVersion: 3, cdcFrame: '', scriptVersion: '3.6.1.13'}
/* API here */;
(function(){var windowLoadFunc = function(){var _nRepData = window._nRepData || [];_nRepData['windowLoaded'] = true;if (typeof(_nRepData['windowOnload']) === 'function') _nRepData['windowOnload']();};if (window.attachEvent)window.attachEvent('onload', windowLoadFunc);else if (window.addEventListener)window.addEventListener('load', windowLoadFunc, false);var sc = document.createElement('script');sc.type = 'text/javascript';sc.async = true;sc.defer = true;sc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'my.Nanorep.com/widget/scripts/float.js';var _head = document.getElementsByTagName('head')[0];_head.appendChild(sc);})();
</script>
 
 
Embedded Widget Script

<script>
var NanorepEmbedContainer = document.createElement("div");
NanorepEmbedContainer.id  = 'NanorepEmbedContainer';
NanorepEmbedContainer.setAttribute("aria-live", "polite");
[TARGET-ELEMENT].appendChild(NanorepEmbedContainer);
  
var _nRepData = _nRepData || []; _nRepData['kb'] = '19583554';
/* API here */;
_nRepData['embed'] = {account:'Nanorep', container: 'NanorepEmbedContainer', width:400, maxHeight:500, dynamicSize: true, cdcFrame:'', cdcVersion:3, 
scriptVersion: '3.6.1.13'};(function(){var windowLoadFunc = function(){var _nRepData = window._nRepData || [];_nRepData['windowLoaded'] = true;if (typeof
(_nRepData['windowOnload']) === 'function') _nRepData['windowOnload']();};if (window.attachEvent)window.attachEvent('onload', windowLoadFunc);else if 
(window.addEventListener)window.addEventListener('load', windowLoadFunc, false);var sc = document.createElement('script');sc.type = 
'text/javascript';sc.async = true;sc.defer = true;sc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 
'my.Nanorep.com/widget/scripts/embed.js?account=nanorep';var _head = document.getElementsByTagName('head')[0];_head.appendChild(sc);})();
</script>
 
  
* Replace the yellow sections with the relevant values.