{"componentChunkName":"component---src-templates-blog-post-js","path":"/how-to-embed-vuukle-2.0-via-js/","result":{"data":{"site":{"siteMetadata":{"title":"Vuukle Docs","author":"Vuukle"}},"markdownRemark":{"id":"8f3885f9-3bb2-5db7-b6ba-6422f2ff961f","html":"

To embed Vuukle platform using JavaScript, log into the Vuukle dashboard and open the Integration drop-down present in the top menu. Then, proceed to click on the API Docs link

\n

\n \n \n \n \n

\n

Copy this script to your page:

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

Change values in apiKey and articleId to the valid ones.

\n

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 –

\n

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

\n

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

\n

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

\n

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

\n
\n

Placeholder Values

\n","frontmatter":{"title":"How to install Vuukle 2.0 platform using JavaScript?","date":"August 22, 2017","category":"Install Vuukle","tags":["javascript","installation","vuukle 2.0"],"shortDescription":"Vuukle 2.0 widget installation tutorial for JavaScript language."}}},"pageContext":{"id":"8f3885f9-3bb2-5db7-b6ba-6422f2ff961f"}}}