Disqus е една от най-популярните системи за коментиране, която повечето професионални блогъри използват за своите уебсайтове, като заменят системата за коментиране на Blogspot по подразбиране. Disqus може да се използва и с уебсайтовете на wordpress и причината, поради която повечето блогъри предпочитат Disqus, е, че той има много функции, които системата за коментиране по подразбиране не предоставя. Тук ще ви покажа как да интегрирате коментарите на Disqus по по-ефективен начин с вашия уебсайт, което ще доведе до подобряване на времето за зареждане на вашия уебсайт.
Методът, който може да се използва за намаляване на времето за зареждане на страницата със системата за коментари Disqus, е известен като load-on-demand. По подразбиране коментарите се зареждат заедно със страницата, но при метод на натоварване при поискване коментарите ще се показват само когато потребителят иска те да го видят. Това ще спести времето за зареждане, което ще бъде взето от коментарите обикновено и в резултат уебсайтът ще се класира по-добре в Google.
Зареждане на Disqus при поискване за Blogspot и Wordpress
За да заредите Disqus при поискване, трябва да поставите два кода в шаблона. Единият код е за бутона, а другият е javascript, който ще накара коментарите да се зареждат при поискване.
Копирайте долния код и поставете във вашия шаблон, където трябва да вмъкнете бутона. Когато се зареди уеб страница, посетителят ще види този бутон вместо коментарите и когато този бутон бъде натиснат, коментарите ще започнат да се показват.
// Код за бутон
Копирайте долния код и го поставете непосредствено преди затварящия таг на тялото във вашия шаблон. Този код ще направи бутона да се появи вместо коментара и помага при зареждането на коментарите във всяка страница само когато потребител поиска това.
var disqus_shortname = 'кратко име'; // Заменете краткото име с вашето кратко имефункция loadComments (катализатори, връзки) {$ (документ) .гото (функция ($) {if (typeof disqus_shortname! == “undefined”) {if (! катализатори) {катализатори = “# коментари-достъп”;} $ (катализатори); Catalyst_link_elements = Catalyst_elements.add (връзки); com / embed.js ”); $ .ajaxSetup ({кеш: невярно}); катализатор_елементи.отстраняване ();});}}); } / * Функцията приема 2 аргумента, например: loadComments (“# my-custom-id”, “.link-element-1, .link-element-2”); * / loadComments ();
Не забравяйте да замените кода в червено с вашето кратко име Disqus, иначе този код няма да работи. Този код изисква JQuery и работи много гладко. Има много популярни уебсайтове, които използват натоварване при поискване за Disqus, като например labnol.org и е време да промените функцията за коментиране при поискване.
