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.
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:
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?
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.
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.
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.