Implementing Disqus CSP friendly in Jekyll (and maybe others)

disqus.js

var disqus_config = function () {
    let data_element = document.getElementById("disqus-data")
    this.page.url = data_element.dataset.url;
    this.page.identifier = data_element.dataset.identifier;
};

head.html

  {% unless page.comments %}
  {% if page.layout == "post" %}
  <meta id="disqus-data"
        data-url="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}"
        data-identifier="{{ page.id }}">
  <script type="text/javascript" async
          src="{{ "/js/disqus.js" | prepend: site.baseurl }}"></script>
  <script type="text/javascript" async
          src="https://yoursubdomain.disqus.com/embed.js"></script>
  {% endif %}
  {% endunless %}