scrobble.life
Deutsch D-A-CH

How to embed any Hive post on another website

Mit der neuen Cyberspace-App könnt ihr jedes beliebige Hive Posting und auch Kommentare professionell in einer anderen Website einbinden.

Das Feature funnktioniert so ähnlich wie auf X/Twitter.

Um einen Hive-Artikel einzubinden, öffnet diesen auf cyberspace77.com. Dann klickt auf die drei Punkte, wählt "Embed" aus, und kopiert den Code auf eure Website.

Voilà!

Habe technisch mehrere Varianten getestet, dieses Feature zu implementieren. Anfangs nur mit einem iframe. Das Problem ist bei iframes allerdings, dass man die Größe im Nachhinein vom eingebundenen Frame aus nicht ändern kann, und das ist vor allem bei Posts von sozialen Medien ein Problem, da diese unterschiedlich lange sind und sogar im Nachhinein durch Edits die Größe verändern können.

Daher benötigt man ein Hilfsskript, das die Postings in der richtigen Größe dynamisch einbindet.

Theoretisch kann man das Posting auch ohne Skript einbinden, wenn man die richtige Größe des iframes statisch setzt, was allerdings aus obigen Gründen nicht empfehlenswert ist.

Das Posting selbst ist aber wieder in einem iframe, in diesem Fall, was Vorteile in Bezug auf die Sicherheit hat. Nur ein kleines Open-Source-Skript muss dazu im Kontext der Website laufen, das man auch jederzeit nachprüfen kann.

Habe mich designtechnisch im Moment gegen ein starkes Branding des Embed-Frames entschieden, damit man Hive-Artikeln auch professionell zum Beispiel auf News-Seiten einbinden kann. Ein zu starkes Branding oder ein zu auffälliger Krypto-Bezug könnte Newseditoren abschrecken. Der Inhalt und der Autor des Postings sollen im Vordergrund stehen.

Was sagt ihr dazu? Habt ihr dieses Feature auf Hive auch vermisst? Wolltet ihr schon einmal ein Posting außerhalb von Hive irgendwo einbinden?

image.png

https://cyberspace77.com/

@cyberspace77

English

With the new Cyberspace app, you can professionally embed any Hive post, including comments, into another website.

The feature works similarly to how it does on X/Twitter.

To embed a Hive article, open it on cyberspace77.com. Then click the three dots, select “Embed,” and copy the code to your website.

Voilà!

I’ve tested several technical approaches to implementing this feature. Initially, I used only an iframe. The problem with iframes, however, is that you can’t change the size of the embedded frame afterward, and this is especially an issue with social media posts, since they vary in length and can even change size later due to edits.

Therefore, you need a helper script that dynamically embeds the posts at the correct size.

Theoretically, you could embed the post without a script by statically setting the correct size of the iframe, but this isn’t recommended for the reasons mentioned above.

The post itself, however, is embedded in an iframe, which offers security benefits. Only a small open-source script needs to run within the website’s context, and you can verify it at any time.

From a design perspective, I’ve decided against heavy branding of the embed frame for now, so that Hive articles can be embedded professionally on news sites, for example. Branding that’s too strong or a crypto reference that’s too conspicuous could deter news editors. The content and the author of the post should take center stage.

What do you think? Have you also missed this feature on Hive? Have you ever wanted to embed a post somewhere outside of Hive?

Comments · 9

  • @jfang003(78)· 3d

    I don't remember seeing any embeds for content in any of the front ends. I remember wanting to embed things before; I didn't bother trying after a while. I remember embedding things like Youtube videos, and they had a nice way of giving it to you in the format you wanted.

  • @horrorweapon(60)· 3d

    The iframe sizing problem is the exact headache with embeds, nice that the Cyberspace app handles it properly.

  • I've used iframes on my web app before and I think it has a lot of limitations especially on the sizes

  • @hatdogsensei(69)· 3d

    That is an impressive feature which is helpful in promoting other posts

  • It is very practical

  • @apshamilton(73)· 3d

    Great feature. Bookmarked.

  • @leighdalisay(71)· 3d

    Wow, very impressive feature! 😍I haven't personally needed to embed a Hive post yet, but I can definitely see many use cases for it. The balance between security, responsiveness, and clean design makes the implementation sound well thought out. Looking forward to seeing how people use it. This could be a great way to increase Hive's visibility outside the platform. If news sites, blogs, and other websites can seamlessly embed Hive articles, more people may discover the ecosystem through quality content rather than advertisements. 🙏💙

  • Gut das es möglich ist, aber habe ich bisher nicht gebraucht denke werde ich aber auch nicht.

    Wo ichs ggf. Mal machen würde ist es warscheinlich dann wegen Script nicht möglich.

    Bleib ich beim Screenshot ;)

  • @hivebuzz(74)· 3d

    Congratulations @vikisecrets! You have completed the following achievement on the Hive blockchain And have been rewarded with New badge(s)

    You received more than 540000 upvotes.
    Your next target is to reach 550000 upvotes.

    You can view your badges on your board and compare yourself to others in the Ranking If you no longer want to receive notifications, reply to this comment with the word STOP