Embed Discussion in a different page : solved

Hari

How To Embed A Discussion Thread On Another Website?

will this consume additional system resources/ burden to the system?

example link https://ghost.org/integrations/discourse/

https://youtu.be/Xsar2sfNuqY?t=507

tolgaaaltas

Hari https://github.com/flarum/embed

Hari

clarkwinkelmann when I saw this post I thought about our wp integration

once could you check this page they have done something similar to wp extension (a javascript integration) but it's on a static page .. the discourse extension allows to manage/restrict access of embedding to the self domain.

what they have shown in the above video is really cool.

we are switching to static pages (gatsby, docs, Github pages ..etc)

I think automation is not needed cuz we just create blogs or pages and embed them manually in most cases.

easy modifications to embed can make similar functionality like discourse?

Edit :

Hari will this consume additional system resources/ burden to the system?

we are planned to use flarum cache & gatsby cache too

Hari

Just now I have read this discussion https://discuss.flarum.org/d/2317-how-to-use-flarum-ext-embed

Hari How To Embed A Discussion Thread On Another Website?

yeah it's possible.

Hari

tolgaaaltas how to embed discussions in a different page like mentioned in above ghost.org page ?

tolgaaaltas

Hari I don't know all details but iframe URL should be like this: https://domain/embed/discussionid

For example:

Normal URL: https://discuss.flarum.org/d/27814-embed-discussion-in-a-different-page-extension-wish

Embed URL: https://discuss.flarum.org/embed/27814

Hari

is this v1.0 compatible?

clarkwinkelmann

Hari yes. It's a Flarum core extension. It's not just installed by default.

Automating the creation and linking of discussions is something that extensions need to do however. My Wordpress extension does it for example, then uses a customized version of flarum/embed to show it on the page.

1Dot

Hari manage/restrict access of embedding to the self domain.

All you need do is add this code in ht access file only if you use apache.

<IfModule mod_headers.c>
Header set X-Frame-Options "SAMEORIGIN"
</IfModule>

Nginx
add_header X-Frame-Options "SAMEORIGIN" always;
In nginx you have to add this in conf file server block.

Hari

how to install latest version of embed?

composer require flarum/flarum-ext-embed

composer require "flarum/flarum-ext-embed":"dev-master"

Justoverclock

Hari the second one

Hari

Justoverclock

  Problem 1                                                                                                                                                             
    - Root composer.json requires flarum/flarum-ext-embed dev-master -> satisfiable by flarum/flarum-ext-embed[dev-master].                                             
    - flarum/flarum-ext-embed dev-master requires flarum/core ^0.1.0-beta.8 -> found flarum/core[v0.1.0-beta.8, ..., v0.1.0-beta.16] but it does not match your minimum-
stability.                                                                                                                                                              
                                                                                                                                                                        
Use the option --with-all-dependencies (-W) to allow upgrades, downgrades and removals for packages currently locked to specific versions.

Justoverclock

what if u try composer require flarum/embed:"*"

Hari

Justoverclock thanks, the embed is working now

how to restrict embed to my domain only? like mentioned here

i do not want someone else to put my embed code and load my site

and will this consume additional system resources/ burden to the system?

Edit:

<iframe src="https://www.site.com/ask/embed/10" width="100%" frameborder="0" scrolling="no" height="19261px"></iframe>
is this the best way to embed? On his page it's nice like no extra scroll .. it looks like native comments

with current flarum embed and iframe when the user clicks back or other buttons it's going to a different page

can we display only comments and when the user clicks take him to the main discussion page? like happing at

Hari

Justoverclock is it possible with custom development?

clarkwinkelmann

I see the issue is solved but just for reference all flarum/flarum-ext-* are old names that have been abandoned. All core extensions use flarum/* names.

Please do not install dev-master versions of Flarum core and extensions unless you are working on pull requests for the extension. We have tagged releases for all extensions, so "*" is the correct version to use.

Hari it's nice like no extra scroll

The embed extension has a similar feature using the iframe-resizer library. You can see the content script of that library is loaded inside of the iframe https://github.com/flarum/embed/blob/master/js/src/forum/index.js#L1 so all you need to do is load the iframe-resizer on your website outside of the iframe so they can talk together and resize the iframe. That being said I tried to use that feature in my Wordpress extension in the past and it doesn't work very well with the infinite scrolling, so I abandoned.

Hari how to restrict embed to my domain only

I think HTTP headers can be used to restrict that. There's the soon obsolete X-Frame-Options https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options and now CSP https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/frame-ancestors

Hari

<iframe src="https://www.site.com/ask/embed/10" width="100%" frameborder="0" scrolling="no" height="19261px"></iframe>

in the website when the user clicks back or other buttons it's going to a different page in the iframe

can we display only comments and when the user clicks take him to the main discussion page? like happing at

https://blog.codinghorror.com/what-does-stack-overflow-want-to-be-when-it-grows-up/#discourse-comments

Justoverclock

Hari never used flarum embed but i think is definitely possible