Как загрузить Disqus OnClick событие по требованию

Вы можете загрузить Disqus по нажатию одной кнопки. Disqus комментарии по требованию с использованием OnClick событие увеличивает скорость загрузки страницы. Это может быть сделано с JQuery или JavaScript.

A+ A-

Система комментирования Disqus это отличный сервис. Это позволяет легко и очень легко интегрировать полнофункциональный раздел комментариев в вашем блоге или на сайте . Он устраняет необходимость сохранения комментариев пользователей на собственном сервере. Disqus заботится обо всех замечаний, сделанных на вашем сайте и держать их, связанные с соответствующими страницами. Он загружает комментарии от сервера Disqus в асинхронном режиме с использованием AJAX.

Но есть проблема! Когда страница на вашем сайте нагрузки и требования, связанные с сервера комментарии Disqus, он должен сделать много запросов GET. Все комментарии, Gravatars комментаторов, поддержка файлов и т.д., все это должно прийти на всем пути от сервера Disqus на вашей странице. В результате, скорость загрузки страницы вашего сайта уменьшается.

Не было бы замечательно , если бы вы могли загрузить комментарии Disqus по первому требованию? Например, было бы отлично, чтобы загрузить комментарии, когда пользователь нажимает на кнопку. Если пользователь не хочет читать или оставлять комментарии, то нет необходимости излишне получать комментарии от Disqus. Такая по требованию нагрузки комментариев Disqus может быть достигнуто за счет использования OnClick событие , Асинхронная загрузка Disqus JavaScript и / или AJAX . Давайте посмотрим, как это сделать.

Э - э ... подождите секунду ... вы сначала хотят увидеть демо? Ну, а потом просто прокрутите вниз эту страницу и убедитесь сами. На момент написания этой статьи, я также использую этот метод загрузки комментариев Disqus на событие щелчка.

Хорошо, теперь давайте посмотрим , как это сделать.

Удалить комментарии раздел вашего сайта

Прежде всего, вы должны сделать базовую интеграцию Disqus система комментирования в свой сайт или блог. Если вы используете платформу WordPress, вы можете легко сделать эту интеграцию , используя плагин предоставленный Disqus . В противном случае также это просто вопрос в том числе код JavaScript предоставленный Disqus.

Само собой разумеется, если вы интегрировать Disqus, вы должны удалить раздел комментариев, в случае , если это предусмотрено вашей CMS или блог платформы .

Загрузите Disqus на клик без использования JQuery

Это обычный метод, который опирается на базовый JavaScript. Если ваш сайт не использует JQuery (Интересно, почему!), Вы можете использовать этот простой метод. Вот код:

HTML

<div id="disqus_thread"></div>
<div id="disqus-comments">
<button onclick="load-disqus()">Read Comments</button>
</div>

JavaScript

function load-disqus() {
var dsq = document.createElement('script');
dsq.type = 'text/javascript';
dsq.async = true;
dsq.src = "http://[YOUR-DISQUS-SHORTNAME].disqus.com/embed.js";
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
var load-button = document.getElementById('disqus-comments');
load-button.parentNode.removeChild(load-button);
}

Обратите внимание на следующее:

  1. Вы не должны изменить идентификатор = "disqus_thread" , как он используется в системе комментариев для определенных операций.
  2. Замените [YOUR-Disqus-ShortName] с вы владеете Disqus шорткод (вы получите его, когда вы добавляете сайт в свой аккаунт Disqus).
Загрузите Disqus на клик с помощью JQuery

Поскольку большинство платформ блогов и других веб - сайтов , сделать загрузить JQuery , вы можете воспользоваться этим отличным пакетом JavaScript. Вот код для загрузки Disqus по требованию с помощью JQuery и AJAX.

HTML

<div id="disqus_thread"></div>
<div id="disqus-comments">
<button onclick="load-disqus()">Read Comments</button>
</div>

JavaScript

$(document).ready(function() {
$('#loadDisqusBtn').on('click', function(){
var disqus_shortname = 'YOUR-DISQUS-SHORTNAME';
		$.ajax({
	         type: "GET",
	         url: "http://" + disqus_shortname + ".disqus.com/embed.js",
	         dataType: "script",
	         cache: true
	     });
	        $(this).fadeOut();
	});
});

В этом коде тоже, пожалуйста , не забудьте заменить [YOUR-DISQUS-SHORTNAME] с вашим собственным шорткодом. Этот скрипт использует AJAX, чтобы получить Disqus JavaScript с сервера. После того , как событие щелчка срабатывает, то кнопка вызывает событие исчезает. Я использую этот метод, чтобы загрузить комментарии по требованию.

Использование Плагинов

Те , кто не код подкованных людей, они могут сделать использование WordPress плагин для загрузки комментариев по нажатию одной кнопки. Этот метод не рекомендуется , потому что установка слишком много плагинов также замедлить свой веб - сайт. Таким образом, вы пытаетесь избежать установки плагинов, чьи работы вы можете легко сделать самостоятельно с помощью тонкой настройки кода немного.

Преимущества загрузки Disqus по щелчку

Есть несколько преимуществ использования либо данного метода. Позволь мне объяснить:

  • Скорость загрузки страницы веб-страницы увеличивается. Это занимает меньше времени, чтобы загрузить и, следовательно, ваш сайт получает очки домового как от посетителей и поисковых систем.
  • Ваша страница выглядит намного чище без переплетений секции комментариев.
  • Общая длина страницы также уменьшается, что делает его более легким для посетителей , чтобы перемещаться вверх и вниз по содержанию.
  • Это будет уменьшить спам комментария . Вы будете получать не спам вообще. Если вы используете WordPress по умолчанию комментарий раздел без капчи и / или Akismet плагин -Вы вероятно , чтобы получить кучу спам - комментариев. Использование по требованию Disqus, не оставит возможности для спамера, поскольку не будет форма для заполнения их. Комментарий форма появляется только тогда, когда человек нажимает на кнопку.
Недостатки загрузки Disqus по щелчку

Существует только один недостаток , что я могу думать. Это вопрос посетителя психология "с глаз долой, из сердца вон". Если А посетители видят комментарии прямо служили к нему, он может быть более вероятно, чтобы прочитать их. Вклад в секции комментариев также более вероятно, если раздел комментариев виден по умолчанию.

Но если ваше содержание настолько хорошо, что посетители не будут беспокоить, чтобы сделать лишний клик для комментирования, вы должны использовать этот метод.

Ads

Поделиться

последний

Лучшие альтернативы Ubuntu искать, если вы Linux Lover

Давайте начнем знакомство с чем-то; простой, но немного не ...

Как добавить подпись в Gmail Входящие - Добавить подпись Google в Gmail

Входящие с помощью Google была одна из лучших вещей, которы...

Еженедельно Tech News: Nokia, Google и Nintendo

Привет всем, это Пятница, 3 марта, и так же, как всегда, мы...

Raspberry Pi Проекты для начинающих - Что вы можете сделать с Raspberry Pi

Raspberry Pi представляет собой серию малой мощности, одноп...

Лучший VPN для Android 2017 года - Как использовать VPN в Android

Прошли те дни, когда виртуальные частные сети были только д...

Комментарии