# Adding Ghost Social Web notes to your website **URL:** \ **Category:** Share & showcase\ **Created:** [October 27, 2025, 9:59am UTC](https://forum.ghost.org/t/adding-ghost-social-web-notes-to-your-website/60631 "2025-10-27T09:59:21Z")\ **Posts on this page:** 12\ **Page:** 1
**Author:** ![muratcorlu](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/muratcorlu/32/38509_2.png) [@muratcorlu](https://forum.ghost.org/u/muratcorlu)\ **Post date:** [October 27, 2025, 9:59am UTC](https://forum.ghost.org/t/adding-ghost-social-web-notes-to-your-website/60631/1 "2025-10-27T09:59:21Z")
2 months ago, @Cathy_Sarisky [published an article](https://www.spectralwebservices.com/blog/a-sample-activitypub-feed/) about putting our Ghost Social Web notes to our website, for public visitors. That topic was always interesting for me (even before Social Web feature), because I always intended to use my Ghost blog for micro blogging as well as long-form posts. Then I did some trying and reached to a point that we can show our notes without a separate backend needed. So I wrote [a simple web component](https://github.com/synapsmedia/ghost-activitypub-embed), and started using it [on my blog](https://muratcorlu.com/notes/). I think it works reasonable good. There are many improvement areas but I wanted to share with you anyway. Here is blog post that I tell little more details. > **[Adding Ghost Social Web notes to your website](https://muratcorlu.com/adding-ghost-social-web-notes-to-your-website-2/)** > > Starting from Ghost 6, we have "Notes" in addition to posts. Here is a way to show them in your website for public visitors And of course I’m ready for all of your questions, suggestions and contributions! ---
**Author:** ![foursides.ca](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/foursides.ca/32/37244_2.png) [@foursides.ca](https://forum.ghost.org/u/foursides.ca)\ **Post date:** [November 1, 2025, 8:09pm UTC](https://forum.ghost.org/t/adding-ghost-social-web-notes-to-your-website/60631/2 "2025-11-01T20:09:45Z")
Thanks for sharing this. I had been styling my Ghost blog with micro posts after a different site (can’t seem to find the link now) introduced me to the routes.yaml and how to interject the micro posts into my main feed. Using Claude, I was then able to style them differently to hide the title, have the date be the link to the post, etc. I liked having the way to push notes out via the Fediverse but didn’t like having two systems (post tagged as micro on the Ghost blog then copy over to a note), and the micro posts were only showing up as a link on the Fediverse. I didn’t realize it was possible to include the Notes on Ghost in a public view. I took your script as inspiration and then worked with Claude to get it to integrate the Notes into the main feed and then styled them the same way as my micro posts. It added a tag but doesn’t link to an actual tag, and I didn’t have them link to the original post. I need to clean up the theme and script before putting it up onto GitHub for everyone. Here is the link to my site for people to see what it looks like: [Four Sides](https://foursides.ca) ---
**Author:** ![muratcorlu](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/muratcorlu/32/38509_2.png) [@muratcorlu](https://forum.ghost.org/u/muratcorlu)\ **Post date:** [November 1, 2025, 8:46pm UTC](https://forum.ghost.org/t/adding-ghost-social-web-notes-to-your-website/60631/3 "2025-11-01T20:46:42Z")
Very nice! I was just working on some additions and came to give an update. Now I’m curious your approach as well! 😊 BTW, I just [released v0.3.0](https://github.com/synapsmedia/ghost-activitypub-embed/) that includes some extra CSS customization options with some examples. Also I put it to [my homepage](https://muratcorlu.com) (Source theme’s sidebar) and [explained how to do it](https://muratcorlu.com/adding-ghost-social-web-notes-to-your-website-2/#edit-01102025-css-customization). ---
**Author:** ![foursides.ca](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/foursides.ca/32/37244_2.png) [@foursides.ca](https://forum.ghost.org/u/foursides.ca)\ **Post date:** [November 5, 2025, 1:56am UTC](https://forum.ghost.org/t/adding-ghost-social-web-notes-to-your-website/60631/4 "2025-11-05T01:56:01Z")
I modified it a bit to get it to display images in the posts and now mobile-friendly (should’ve checked it on my phone before sharing it here). Put it up onto [Github](https://github.com/foursides/GhostNoteStream/tree/main) for you to check out now, too! ![GhostNoteStream-Screenshot](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/3X/f/9/f9e5d13ed4da7c0e1aa0a3116b80f642d7cab403.jpeg) ---
**Author:** ![muratcorlu](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/muratcorlu/32/38509_2.png) [@muratcorlu](https://forum.ghost.org/u/muratcorlu)\ **Post date:** [November 27, 2025, 10:23pm UTC](https://forum.ghost.org/t/adding-ghost-social-web-notes-to-your-website/60631/5 "2025-11-27T22:23:18Z")
Today I released new versions of Ghost ActivityPub Embed component with Follow/Copy Handle buttons and some edge case fixes.You can check latest version from GitHub: [GitHub - synapsmedia/ghost-activitypub-embed: Web component to display ActivityPub feeds from Ghost blogs](https://github.com/synapsmedia/ghost-activitypub-embed) Also added an optional `proxy` attribute to enable using it on new ghostverse.link project. More details on another topic: > [@Ghostverse.link - Shareable ActivityPub Profile Page](https://forum.ghost.org/t/ghostverse-link-shareable-activitypub-profile-page/61028): > > I really like Social Web came with Ghost 6, and want to use it as my main Mastodon account. But one challenge was blocking this: How to share my address with people? In many places, I just share my Mastodon link, but there is no simple link that we can share for Ghost AP profiles. When surf on other Ghost websites, I noticed that many people have this struggle. Since [I already spent some effort](https://muratcorlu.com/adding-ghost-social-web-notes-to-your-website-2/) on making to solve this, today I thought it would be possible to make a simple profile page for all t… ---
**Author:** ![djbooga](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/djbooga/32/37253_2.png) [@djbooga](https://forum.ghost.org/u/djbooga)\ **Post date:** [January 23, 2026, 1:46pm UTC](https://forum.ghost.org/t/adding-ghost-social-web-notes-to-your-website/60631/6 "2026-01-23T13:46:42Z")
Hi @muratcorlu 🙂 I created a [page on my blog](https://www.djbooga.com/quicknotes/) and an html card with your code: ```auto ``` Unfortunately the Ghost ActivityPub Embed does not work / show up. What did I do wrong? ---
**Author:** ![muratcorlu](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/muratcorlu/32/38509_2.png) [@muratcorlu](https://forum.ghost.org/u/muratcorlu)\ **Post date:** [January 23, 2026, 2:51pm UTC](https://forum.ghost.org/t/adding-ghost-social-web-notes-to-your-website/60631/7 "2026-01-23T14:51:10Z")
JS file url looks wrong. Correct address should be: ```html ``` Sorry, I realized that I didn’t update my article properly. I fixed it now. ---
**Author:** ![djbooga](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/djbooga/32/37253_2.png) [@djbooga](https://forum.ghost.org/u/djbooga)\ **Post date:** [January 23, 2026, 4:33pm UTC](https://forum.ghost.org/t/adding-ghost-social-web-notes-to-your-website/60631/8 "2026-01-23T16:33:08Z")
Thank you @muratcorlu - one step forward but still not there yet. I get an error after reloading the page: > Error loading feed: HTTP error! status: 404 ---
**Author:** ![muratcorlu](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/muratcorlu/32/38509_2.png) [@muratcorlu](https://forum.ghost.org/u/muratcorlu)\ **Post date:** [January 23, 2026, 6:46pm UTC](https://forum.ghost.org/t/adding-ghost-social-web-notes-to-your-website/60631/9 "2026-01-23T18:46:18Z")
Hmm, apparently I broke the component while adding proxy mode for fedi.pub website. I’ll fix it and release a new version. Then I’ll update here. (It will work automatically after the fix) Sorry for that. ---
**Author:** ![djbooga](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/djbooga/32/37253_2.png) [@djbooga](https://forum.ghost.org/u/djbooga)\ **Post date:** [February 25, 2026, 8:46am UTC](https://forum.ghost.org/t/adding-ghost-social-web-notes-to-your-website/60631/10 "2026-02-25T08:46:13Z")
Hi @muratcorlu 🙂 Any news on this would be much appreciated. ---
**Author:** ![muratcorlu](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/muratcorlu/32/38509_2.png) [@muratcorlu](https://forum.ghost.org/u/muratcorlu)\ **Post date:** [February 25, 2026, 10:01am UTC](https://forum.ghost.org/t/adding-ghost-social-web-notes-to-your-website/60631/11 "2026-02-25T10:01:04Z")
Hi @djbooga, Sorry I had a long fight with GitHub Actions + NPM tokens to be able to make a release. It’s fixed now, and already working on your site 😊 ---
**Author:** ![djbooga](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/djbooga/32/37253_2.png) [@djbooga](https://forum.ghost.org/u/djbooga)\ **Post date:** [February 25, 2026, 10:15am UTC](https://forum.ghost.org/t/adding-ghost-social-web-notes-to-your-website/60631/12 "2026-02-25T10:15:32Z")
This is great, thank you so much! 😃 One step closer to a personal unified timeline? \*fingerscrossed