How to install Vuukle 2.0 platform using JavaScript?

Updated over a month ago

To embed the Vuukle platform using JavaScript, log into the Vuukle dashboard and open the Integration.

Get your API key

Copy this script to your page:

<script>
  var VUUKLE_CONFIG = {
    apiKey: 'Place Your API Key Here',
    articleId: 'Generate Unique id for your article',
  };
  // ⛔️ DON'T EDIT BELOW THIS LINE
  (function() {
    var d = document,
      s = d.createElement('script');
    s.src = 'https://cdn.vuukle.com/platform.js';
    (d.head || d.body).appendChild(s);
  })();
</script>

Change values in apiKey and articleId to the valid ones.

Place the code in your website’s HTML where you would like the comment system to appear. The shortcodes for displaying the various Vuukle plugins are as follows –

<div id='vuukle-comments'></div> – Displays the main Vuukle comment system

<div id='vuukle-emote'></div> – Displays the Emotes widget for the page

<div id='vuukle-newsfeed'></div> – Displays the Newsfeed widget for the page

<div class='vuukle-powerbar'></div> – Displays the social media share buttons. Can be included multiple times in a page.

Placeholder Values

• apiKey {string}: Publisher API key
• articleId {number | string}: Article ID