Disqus doesn't work anymore, how can I fix that?

[PaperStrike]

As the simple Disqus snippet below.

<script>
  const disqus_shortname = 'YOUR_SHORTNAME';
  const disqus_identifier = 'PAGE_ID';
  const disqus_url = 'PAGE_URL';
  const disqus_script = 'embed.js';

  (function(d,s) {
  s = d.createElement('script');s.async=1;s.src = '//' + disqus_shortname + '.disqus.com/'+disqus_script;
  (d.getElementsByTagName('head')[0]).appendChild(s);
  })(document)
</script>

[PaperStrike]

Below shows 3 methods you may choose from.

In a refresh area (method 1)

1. Wrap your Disqus snippet into a DOM element that you will add to the selector option (or just wrap it with class=".pjax"). Make sure to have at least an empty wrapper on each page (to avoid differences of DOM between pages).

2. Edit your Disqus snippet like below.

<div class="pjax"><!-- needs to be here on every Pjax page, even if empty -->
<!-- if (some condition) { // eventual server-side test to know whether or not you include this script -->
  <script>
    const disqus_shortname = 'YOUR_SHORTNAME';
    const disqus_identifier = 'PAGE_ID';
    const disqus_url = 'PAGE_URL';
    const disqus_script = 'embed.js';

    // here we will only load the disqus <script> if not already loaded
    if (!window.DISQUS) {
      (function(d,s) {
      s = d.createElement('script');s.async=1;s.src = '//' + disqus_shortname + '.disqus.com/'+disqus_script;
      (d.getElementsByTagName('head')[0]).appendChild(s);
      })(document)
    }
    // if disqus <script> is already loaded, we just reset disqus the right way
    // see https://help.disqus.com/developer/using-disqus-on-ajax-sites
    else {
      DISQUS.reset({
        reload: true,
        config: function () {
          this.page.identifier = disqus_identifier
          this.page.url = disqus_url
        }
      })
    }
  </script>
<!-- } -->
</div>

Be a refresh script (method 2)

If you dislike wrapping the Disqus snippet in the way of method 1, you may:

1. Put your Disqus snippet into every page of your site and make it targeted by the script option (or just give it an empty data-pjax attribute). Use an earlier defined variable to enable Disqus on demand.

2. Edit your Disqus snippet like below.

<script data-pjax>
  const disqus_shortname = 'YOUR_SHORTNAME';
  const disqus_identifier = 'PAGE_ID';
  const disqus_url = 'PAGE_URL';
  const disqus_script = 'embed.js';

  // Earlier defined variable indicating whether or not you run this part.
  if (someCondition) { 

    // Only load Disqus if haven't.
    if (!window.DISQUS) {
      (function(d,s) {
      s = d.createElement('script');s.async=1;s.src = '//' + disqus_shortname + '.disqus.com/'+disqus_script;
      (d.getElementsByTagName('head')[0]).appendChild(s);
      })(document)
    }
    // Disqus initialized, we just reset it the right way.
    // see https://help.disqus.com/developer/using-disqus-on-ajax-sites
    else {
      DISQUS.reset({
        reload: true,
        config: function () {
          this.page.identifier = disqus_identifier
          this.page.url = disqus_url
        }
      })
    }

  }
</script>

Use a refresh listener (method 3)

1. Put your Disqus snippet into every page of your site. DON'T make it either wrapped by any elements added in the selectors option (unlike method 1), or targeted by the script option (unlike method 2). Use an earlier defined variable to enable Disqus on demand.

2. Edit your Disqus snippet like below.

<script>
  const disqus_shortname = 'YOUR_SHORTNAME';
  const disqus_identifier = 'PAGE_ID';
  const disqus_url = 'PAGE_URL';
  const disqus_script = 'embed.js';

  const disqus_load = () => {
    // Earlier defined variable indicating whether or not you run this part.
    if (!someCondition) return;

    // Only load Disqus if haven't.
    if (!window.DISQUS) {
      (function(d,s) {
      s = d.createElement('script');s.async=1;s.src = '//' + disqus_shortname + '.disqus.com/'+disqus_script;
      (d.getElementsByTagName('head')[0]).appendChild(s);
      })(document)
    }
    // Disqus initialized, we just reset it the right way.
    // see https://help.disqus.com/developer/using-disqus-on-ajax-sites
    else {
      DISQUS.reset({
        reload: true,
        config: function () {
          this.page.identifier = disqus_identifier
          this.page.url = disqus_url
        }
      })
    }
  };
  
  disqus_load();
  document.addEventListener('pjax:success', disqus_load);
</script>