BACK

how to det up disqus shopify blog

How to Install Disqus Manually Using the Universal Code In this video, I’m going to show you how to

Disqus

Updated on Mar 15,2023

How to Install Disqus Manually Using the Universal Code

The above is a brief introduction to how to det up disqus shopify blog

Let's move on to the first section of how to det up disqus shopify blog

Let TThunt's experts help you find the best TikTok product on your Shopify business!

Find TikTok products (It's Free)
No difficulty
No complicated process
Find winning products
3.5K Ratings

WHY YOU SHOULD CHOOSE TTHUNT

TThunt has the world's largest selection of TikTok products to choose from, and each product has a large number of advertising materials, so you can choose advertising materials for TikTok ads or Facebook ads without any hassle.

how to det up disqus shopify blog catalogs

How to Install Disqus Manually Using the Universal Code

In this video, I’m going to show you how to install Disqus manually,using the Universal Code.,Before we begin, make sure you have the ability to edit your website’s code directly.,For this tutorial, we’ll be using the Disqus Blog.,Right now, there aren’t any comments.,Let’s add Disqus to the site.,To get started, you’ll need to first create a Disqus account and register your site at,disqus.com,On the sign up page, create your account.,Select “I want to install Disqus on my site”,Create your site and select a category.,Next up, select the plan that’s best for you.,Finally, this brings us to the instructions for installing Disqus using the universal,code. Let's take a look at that next.,Here’s the JavaScript code that we will be adding to our website.,We find that most sites generally place Disqus at the end of the article page.,Let’s take a closer look.,There are three parts to the embed code we wanted to highlight.,First, the #disqus_thread

.,This is where the comment box is dynamically loaded onto the page, so make sure to include,it above the embed script as shown here.,Next, make sure you update the line containing embed.js with your site’s shortname.,You can find your shortname in the Disqus General Settings.,Lastly, configuration variables.,These define how Disqus behaves on a page and are included within,the disqus_config function.,The two most important variables you need to define are the page URL and identifier.,The URL variable is the canonical URL for the page and tells Disqus the location a discussion,thread belongs to.,The identifier is a unique value that Disqus uses for identifying the page and discussion,thread.,We recommend using a unique ID that is unlikely to change in the future as the identifier.,These two values can be dynamically generated server-side and,will vary depending on your platform or CMS.,Here are two examples of how you can configure these two variables in WordPress and Hubspot,,using functions and predefined variables specific to each CMS.,Let’s add our updated embed code onto our site now.,On the Disqus Blog, we use Hubspot as our CMS.,Let’s jump to the Content Settings where we can add the embed code directly to,our blog template.,We want to include it in the Blog Post Footer HTML so that Disqus appears at the end of,every blog post.,Let’s save those changes now and head back to our site.,We’re back on the Disqus Blog.,Looks like everything is set up correctly.,Go ahead and post a comment if you like.,I hope you found this tutorial helpful.,Thanks for watching.

Congratulation! You bave finally finished reading how to det up disqus shopify blog and believe you bave enougb understending how to det up disqus shopify blog

Come on and read the rest of the article!

Browse More Content