How to Embed Recent and Popular Topics?

[Tino_Augustine (tino2012)]

Does anyone know how to embed the discourse recent and popular posts to another website?

What I am looking for is similar to the below layout can someone provide the document for embedding discourse on another site?

[Johani (Joe)]

Have a look here

Embedding a list of Discourse Topics in another site

If you grab the latest builds of Discourse you’ll get a the ability to embed topic lists in other sites via some simple Javascript and HTML. The typical use case for this is a blog or other content driven site, where you want a widget on the side of the screen that lists topics. You can filter by category, tag, or any of the other public filter options available. How to Embed a list of Topics First, you must enable the embed topics list site setting. Then, in your HTML add a <script> tag tha…

[Tino_Augustine (tino2012)]

@Johani

I tried to follow the instructions on that discussion but I not able to iframe it successfully on my Joomla site.

Here is the example script which I created:

1. Below added to the template section where I can add scripts:

<script src="https://example.com/javascripts/embed-topics.js"></script>

2. Below added to as a HTML module to a particular position.

<d-topics-list discourse-url="https://example.com/latest"></d-topics-list>

But this is what it shows on the front end.

What I want to display on my website is the latest 5 or 10 posts from my discourse forum.

[Tino_Augustine (tino2012)]

Finally managed to successfully embed using below

1. Below added to the template section where I can add scripts:

<script src="https://example.com/javascripts/embed-topics.js"></script>

2. Below added to as a HTML module to a particular position.

<d-topics-list discourse-url="https://example.com"></d-topics-list>