Feb 18, 2024 19:48:00

``Embed Bluesky'' review that allows you to embed Bluesky posts into blogs and web pages

The SNS 'Bluesky' does not have an embedded code creation function at the time of article creation. It is said that you can easily generate embedding codes for Bluesky posts using the web application ' Embed Bluesky ' created by volunteers, so how can you actually embed 'posts containing images', 'posts containing links', etc. I tried to see if it is.

Generate embeddable link previews to posts on Bluesky

https://bluesky.lol/

The top page of Embed Bluesky looks like this. Enter the URL of the Bluesky post in the center input field, and the embed code and embed preview will be displayed at the bottom.

I'll try embedding

the post below .

First, copy the post URL.

Paste the copied URL into the URL input field of Embed Bluesky and click 'Create Snipplet'.

The embed code and preview will then be displayed.

Below is the result of embedding the generated code.

Now that I know how to operate Embed Bluesky, I tried embedding various posts.

◆Part of the conversation
First, let's embed

a post from a part of the conversation like the one below.

The embedded results are below. At the time of article creation, only a single post was displayed, without including the reply destination post.

◆Posts containing images
Next, try embedding

a post that includes an image .

The result looks like this.

Let's try what happens

when it contains 4 images .

The result looks like this.

◆Posts containing link cards
I will also try it with

posts that include link cards .

The embedded results are below. Clicking on the link will take you to the link card instead of the Bluesky post.

◆Posts containing quotations
I also tried it with

a post containing quotes .

I was able to embed it with the quotation included.

Next, let's see what happens

if the quoted post contains an image .

Images were displayed without any problems.

I'll also try

a pattern where the cited post includes a link card .

At the time of article creation, link cards were not included.

Please note that Embed Bluesky is frequently updated, so the appearance of the embed may change. You can check the version update details at the link below.

Bluesky.lol Development Changelog
https://myramblings.click/posts/changelog/