{"id":11569,"date":"2019-06-25T09:26:16","date_gmt":"2019-06-25T09:26:16","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=11569"},"modified":"2020-02-14T10:20:21","modified_gmt":"2020-02-14T10:20:21","slug":"how-to-add-disqus-comments-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-add-disqus-comments-in-amp\/","title":{"rendered":"How to add Disqus comments in AMP."},"content":{"rendered":"<p>If you have not created the Disqus account yet then first, you need to login\/sign up with <a href=\"https:\/\/disqus.com\/profile\/signup\/\">Disqus<\/a> and create your Disqus name copy this Disqus and paste in AMP option<\/p>\n<p>You will find this option in <strong>WordPress Dashboard<\/strong> -&gt;<strong> AMP option panel<\/strong> -&gt; <strong>Settings<\/strong> -&gt; <strong>Comments -&gt; <\/strong>Enable<strong> Disqus<\/strong> option -&gt; Enter your Disqus name and then click on the &#8220;<strong>Save Changes<\/strong>&#8221; button.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/06\/disqus-1.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-11571\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/06\/disqus-1.png\" alt=\"\" width=\"1318\" height=\"558\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/06\/disqus-1.png 1318w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/06\/disqus-1-300x127.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/06\/disqus-1-768x325.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/06\/disqus-1-1024x434.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/06\/disqus-1-50x21.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/06\/disqus-1-60x25.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/06\/disqus-1-100x42.png 100w\" sizes=\"(max-width: 1318px) 100vw, 1318px\" \/><\/a><\/p>\n<ul>\n<li><strong>Disqus:<\/strong> Once you enable this option Disqus comments will be display in AMP<\/li>\n<li><strong>Disqus Name: <\/strong>In this field enter Disqus Name.<i class=\"el el-question-sign \"><\/i><\/li>\n<li><strong>Host on AMPforWP API:<\/strong> Use AMPforWP secure servers to serve Comments file. Recommended if your site is non HTTPS.<\/li>\n<\/ul>\n<p>Once you follow these steps your Disqus will be displayed on your website through our AMPforWP host but you want to host disqus on your server then you follow this tutorial <a href=\"https:\/\/ampforwp.com\/tutorials\/article\/host-disqus-comments\/\">Click Here<\/a>.<\/p>\n<h4>The Output of the Disqus comments in AMP<\/h4>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/06\/disqus-2.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-11584\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/06\/disqus-2.png\" alt=\"\" width=\"1351\" height=\"653\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/06\/disqus-2.png 1351w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/06\/disqus-2-300x145.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/06\/disqus-2-768x371.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/06\/disqus-2-1024x495.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/06\/disqus-2-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/06\/disqus-2-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/06\/disqus-2-100x48.png 100w\" sizes=\"(max-width: 1351px) 100vw, 1351px\" \/><\/a><\/p>\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n<p>We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n<div id=\"div-1\" class=\"hkb-feedback\">\n\t\t\t<strong class=\"ht-mobile-exit__title\">Ask your Questions Directly!<\/strong><br>\n\t\t\t<div class=\"hkb_widget_exit__content\" style=\"font-size: 14px;\">If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t<a href=\"https:\/\/ampforwp.com\/support\/#contact\" id=\"button\" target=\"_blank\" rel=\"noopener noreferrer\"><button>Yes, I have a Question<\/button><\/a>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>If you have not created the Disqus account yet then first, you need to login\/sign up with Disqus and create your Disqus name copy this Disqus and paste in AMP option You will find this option in WordPress Dashboard -&gt; AMP option panel -&gt; Settings -&gt; Comments -&gt; Enable Disqus&#8230;<\/p>\n","protected":false},"author":18,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[34],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/11569"}],"collection":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=11569"}],"version-history":[{"count":18,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/11569\/revisions"}],"predecessor-version":[{"id":16423,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/11569\/revisions\/16423"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=11569"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=11569"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=11569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}