如何使disqus注释javascript代码在聚合物自定义元素中工作

我正在使用聚合物初学者工具包2.0

嵌套自定义元素的结构:

(意思是 <my-app></my-app> 在索引内。html等):

| index.html
--------\ my-app.html (自定义元素)
----------------\ my-testView1.html(我的测试视图1.html) (自定义元素)
----------------\ my-testView2.html(我的测试视图2.html) (自定义元素)

我需要在my-testView1.html和my-testView 2.html页面上添加disqus注释(每个页面都有单独的线程)

我试图让它工作,chrome的控制台消息告诉我必须使用ajax方法(因为my-testView1.html和my-testView 2.html都在里面 <iron-pages> 我想这就是为什么会有路由选择),它也给了我这个链接 https://help.disqus.com/customer/portal/articles/472107-using-disqus-on-ajax-sites

结构 my-testView1.html :

(我将example.com和myChannelID改为实名)

       ...
         <content select=".disqus1"></content>
      </template>

      <script>
        Polymer({
          is: 'my-testView1',

      )};
    </script>

    <script>
      var disqus_config = function () {
        this.page.url = 'https://www.example.com/testView1'; 
        this.page.identifier = '/testView1'; 
        this.page.title = 'Test View1';
        };


     (function() { 
        var d = document, s = d.createElement('script');
        s.src = 'https://MyChannelId.disqus.com/embed.js';
        s.setAttribute('data-timestamp', +new Date());
        (d.head || d.body).appendChild(s);
        })();

      DISQUS.reset({
          reload: true,
          config: function () {
            this.page.identifier = "/testView1";
            this.page.url = "https://www.example.com/#!testView1";
        }
        });
    </script>
</dom-module>

结构 my-testView2.html (与第一个相同):

   ...
      <content select=".disqus2"></content>
  </template>

  <script>
    Polymer({
      is: 'my-testView2',

    });
  </script>
  <script>
     var disqus_config = function () {
        this.page.url = 'https://www.example.com/testView2'; 
        this.page.identifier = '/testView2'; 
        this.page.title = 'Test View2';
        };


     (function() { 
        var d = document, s = d.createElement('script');
        s.src = 'https://MyChannelId.disqus.com/embed.js';
        s.setAttribute('data-timestamp', +new Date());
        (d.head || d.body).appendChild(s);
        })();

      DISQUS.reset({
          reload: true,
          config: function () {
            this.page.identifier = "/testView2";
            this.page.url = "https://www.example.com/#!testView2";
        }
        });
    </script>

Disqus comments don't work in a polymer custom element
在那里,我得到了一些帮助和指示,终于做到了这一点。但我仍然无法使它与ajax一起工作,这样它就可以将单独的disqus线程加载到每个页面。

#! 或者我必须把它插进去 ready: function() {} 但如果我这样做,它只会破坏布局,所以我把它放在一个单独的标签中,现在它会显示 DISQUS is not defined

我只有50英镑的荣誉奖金可以分享,但如果你知道如何让它发挥作用,请你解释一下如何修复它。