No support for Bandcamp embed (how can I contribute)

TEMPLATE:

ghost 3 (newest version)
installed and configured via ghost-cli
node: v10.18.0
database: mysql Ver 14.14
browser: chrome

When attempting to “paste URL to add embedded content”, I paste in the following “embed code” from the bandcamp page:

<iframe style="border: 0; width: 350px; height: 470px;" src="https://bandcamp.com/EmbeddedPlayer/album=215753679/size=large/bgcol=ffffff/linkcol=0687f5/tracklist=false/transparent=true/" seamless><a href="http://mackenziewiddows.bandcamp.com/album/mackedamia">Mackedamia by Mackenzie Widdows</a></iframe>

After pasting (and pressing the enter key) I see a red validation error “There was an error when parsing the URL. Retry. Paste URL as link”

In the console I see the following GET call has received a 422 status code:

vendor.min-5617e1540786def6dcdc08a402e4e90e.js:917 GET https://codydjango.com/ghost/api/v3/admin/oembed/?url=%3Ciframe%20style%3D%22border%3A%200%3B%20width%3A%20350px%3B%20height%3A%20470px%3B%22%20src%3D%22https%3A%2F%2Fbandcamp.com%2FEmbeddedPlayer%2Falbum%3D215753679%2Fsize%3Dlarge%2Fbgcol%3Dffffff%2Flinkcol%3D0687f5%2Ftracklist%3Dfalse%2Ftransparent%3Dtrue%2F%22%20seamless%3E%3Ca%20href%3D%22http%3A%2F%2Fmackenziewiddows.bandcamp.com%2Falbum%2Fmackedamia%22%3EMackedamia%20by%20Mackenzie%20Widdows%3C%2Fa%3E%3C%2Fiframe%3E&type=embed 422

What can be done to have Ghost support Bandcamp embeds? Bandcamp is a highly popular music site.

Is there developer documentation for creating embed options? Bandcamp deserves to be alongside Spotify and Soundcloud, in my opinion. I don’t mind trying my hand at this if someone can point me in the right direction.

@Cody_Redmond bandcamp doesn’t support the oembed format from what I can see so there’s no support for pasting a bandcamp url into the embed card.

However, the embed code that you’ve shown above is supported, you need to paste it into a HTML card rather than an embed card because you already have the html.

1 Like

ah, of course. Thanks Kevin!

Sorry to resurrect this very old post, but I created an account to ask this question, so I figured it made more sense to follow up on the already existing thread.

I recently switched over from Substack to a self-hosted Ghost site, but have found that the Bandcamp embedding doesn’t work very well. Pasting a link to a Bandcamp page in a Substack post automatically generates an iframe player, while pasting a Bandcamp link into a Ghost post creates a bookmark card with incorrect meta data displayed.

Other sites like Substack etc auto-generate the exact bandcamp iframe player that I would like to display on my site, just by pasting the link to a bandcamp page:

The same album pasted into a Ghost post (using Casper theme, v5.113.1) looks like this:

My workaround is to copy the full iframe embed from bandcamp’s site.. but it takes many more steps & those iframes don’t make it through mailgun to my readers. Is there any hope for some kind of native auto-embed?

Do the Substack embeds work when they go out in Substack emails?

Because iframes don’t display in most email readers.

For the emails, it looks like Substack converts the Bandcamp iframes into clickable images with a URL link to the album. The Substack autogenerated image honestly looks very similar to the Ghost bookmark card (though it excludes the “kg-bookmark-publisher” class, which, again, is pulling incorrect information from Bandcamp’s site). But what is nice is that the “bookmark card” version is sent out via email, while the iframe is kept on the HTML site.

The image below is what was sent via email:

And here’s how it looks on my old Substack:

I prefer Ghost for pretty much every other element of running my newsletter, this is just the one annoyance that I haven’t quite been able to solve! The workaround of sending out an email with 20-30 bookmark cards, then editing the post to change them all one-by-one to iframes isn’t a desirable solution.

1 Like

This issue persists as a clear and present bug in the rendered Bandcamp bookmark card.

Most of my publication revolves around publishing links to Bandcamp, and the fact that Ghost renders Bandcamp commenter metadata (as far as I understand it) inside the Bandcamp bookmark card makes my the links I publish look misguided at best or unprofessional and confusing at worst.

Suffice it to say I wish this bug would be fixed.

1 Like

If you code, you could put in a PR to fix it.