angularjs - Using Disqus for ajax loaded Modal

Question

I'm having a modal that loads different content (imagine different profiles for products), and I want to add a review section for a product in the modal. I thought about making it by myself, but the HTML markup, PHP backend handling, comment reply, and image upload all that are just very complicated (and time consuming). So I decide to use Disqus. I've used Disqus before. I know it works pretty fine with stand alone pages. What I'm not sure if how it will work with ajax loaded Modal? For example, how does Disqus know the product is different and the comment section should change accordingly?

Since I'm using AngularJS framework, I checked out this nice directive: https://github.com/kirstein/angular-disqus/wiki Well, this still doesn't explain how should I let disqus know the product is different, and it needs to generate a different comment section.

Can I get any help from here?

Answer 1

Your problem is you need to set the unique Disqus identifier

More about it here

Example:

The following uses a unique id (maybe your product ID) as an identifier.

var disqus_identifier = '2583573';