|
| 1 | +<script> |
| 2 | + var disqus_config = function () { |
| 3 | + this.page.url = '{{ page.url | absolute_url }}'; |
| 4 | + this.page.identifier = '{{ page.url }}'; |
| 5 | + }; |
| 6 | + |
| 7 | + function addDisqus() { |
| 8 | + let disqusThread = document.createElement('div'); |
| 9 | + let paragraph = document.createElement('p'); |
| 10 | + |
| 11 | + disqusThread.id = 'disqus_thread'; |
| 12 | + paragraph.className = 'text-center text-muted small'; |
| 13 | + paragraph.innerHTML = 'Comments powered by <a href="https://disqus.com/">Disqus</a>.'; |
| 14 | + disqusThread.appendChild(paragraph); |
| 15 | + |
| 16 | + const footer = document.querySelector('footer'); |
| 17 | + footer.insertAdjacentElement("beforebegin", disqusThread); |
| 18 | + } |
| 19 | + |
| 20 | + {%- comment -%} Auto switch theme {%- endcomment -%} |
| 21 | + function reloadDisqus(event) { |
| 22 | + if (event.source === window && event.data && event.data.id === Theme.ID) { |
| 23 | + {%- comment -%} Disqus hasn't been loaded {%- endcomment -%} |
| 24 | + if (typeof DISQUS === 'undefined') { |
| 25 | + return; |
| 26 | + } |
| 27 | + |
| 28 | + if (document.readyState == 'complete') { |
| 29 | + DISQUS.reset({ reload: true, config: disqus_config }); |
| 30 | + } |
| 31 | + } |
| 32 | + } |
| 33 | + |
| 34 | + addDisqus(); |
| 35 | + |
| 36 | + if (Theme.switchable) { |
| 37 | + addEventListener('message', reloadDisqus); |
| 38 | + } |
| 39 | + |
| 40 | + {%- comment -%} Lazy loading {%- endcomment -%} |
| 41 | + var disqusObserver = new IntersectionObserver( |
| 42 | + function (entries) { |
| 43 | + if (entries[0].isIntersecting) { |
| 44 | + var d = document, |
| 45 | + s = d.createElement('script'); |
| 46 | + s.src = 'https://{{ site.comments.disqus.shortname }}.disqus.com/embed.js'; |
| 47 | + s.setAttribute('data-timestamp', +new Date()); |
| 48 | + (d.head || d.body).appendChild(s); |
| 49 | + |
| 50 | + disqusObserver.disconnect(); |
| 51 | + } |
| 52 | + }, |
| 53 | + { threshold: [0] } |
| 54 | + ); |
| 55 | + |
| 56 | + disqusObserver.observe(document.getElementById('disqus_thread')); |
| 57 | +</script> |
0 commit comments