Adding Trends and Reactions

After configuring the features in Trends & Reactions, you are now set to add Trends & Reactions to the user website.

To configure Trends and Reactions:

On the left panel of the screen, click the Trends and Reactions option.
The Trends and Reaction option expands.
Select Get Code.
On the right panel, click Configure from the Trending now section.
Copy the Trending Now code and place it right after the <head> tag of your HTML code.

<script 
data-cfasync="false" 
type="text/javascript">(function(a, c, s, u) {'Insticator'in a || (a.Insticator={ad:{loadAd: function (b) {Insticator.ad.q.push(b)}, q: []}, helper:{}, embed:{}, version: '4.0', q: [], load: function(t, o) {Insticator.q.push({t: t, o: o})}}); var b=c.createElement(s); b.src=u; b.async=!0; var d=c.getElementsByTagName(s)[0]; d.parentNode.insertBefore(b, d)})(window, document, 'script', 'https://product.hunchme.com/product-loader-code/cc1eaa88-6774-4d5e-a8ab-ca5d8073708f.js')</script>

Copy the Trending Now Unit code and paste it between the <body> and </body>tag in your HTML source code where you want the Trending Now Unit to appear on your site.
For more information about External Page Id, see What is an External Page Id?.

<div class="instiengage-tu-container">
 <div class="instiengage-tu" id="instiengage-tu" data-tu-uuid="c5cdf1a4-a509-4424-ae43-4109f719cbbf" data-ext-page-id="{extPageId}" data-page-url="{articleUrl}">
 </div>
  <script data-cfasync="false" type="text/javascript">Insticator.load('tu', 'c5cdf1a4-a509-4424-ae43-4109f719cbbf')
  </script>
</div>

The Trending Now section will be displayed on your website.