stefan, (edited )
@stefan@stefanbohacek.online avatar

Hey everyone! I recently posted about my latest project, a universal fediverse sharing button: https://stefanbohacek.com/project/fediverse-sharing-button/

Is this something that you'd find useful for your website or blog?

EDIT: Thanks everyone for sharing and trying this out! I fixed an issue on iOS some of you might have run into, just FYI.

stefan,
@stefan@stefanbohacek.online avatar

Thanks everyone for voting and sharing!

If you do add this to your site, please reach out!

I'd love to hear about your experience, what worked well, and what can be improved.

Either here, or https://stefanbohacek.com/contact.

Thank you!

Adam,
@Adam@social.lein.us avatar

@stefan Cool! I think usability could be better. There's a field for the ActivityPub server, but I don't think people will know what to type in there. I'd probably rather a "Share to Fediverse" one-click button that THEN loads a page or overlay with clear instructions: "Type your Fediverse domain URL here then press Share to publish the following post on your server." Having just a server field is less likely to be understood.

stefan,
@stefan@stefanbohacek.online avatar

@Adam Thank you, and thank you for the feedback, really appreciate it!

Adding an overlay with instructions, which would then open the sharing modal might be a bit too many steps? I do like the simplicity of the current approach.

I wonder if I could maybe change the text to something like "type your server name to share with the fediverse"?

That's a bit long, so not ideal either.

stefan,
@stefan@stefanbohacek.online avatar

@Adam Also, a technical side note, the reason the text is not a real label is that I'm avoiding using an ID for any of the form elements, in case someone wants to use this on a blog that uses an infinite scroll, in which case you'd end up with non-unique IDs on the same page.

Wrapping the input in a label doesn't work too well either with this layout.

stefan,
@stefan@stefanbohacek.online avatar

@Adam Oh, what about "Share from your fediverse domain"?

Adam,
@Adam@social.lein.us avatar

@stefan Yeah, that wording sounds a lot better. Plus the darkmode fix probably will make it much more obvious. Nice!

stefan,
@stefan@stefanbohacek.online avatar

@Adam Thank you, really appreciate all your help and feedback!

Adam,
@Adam@social.lein.us avatar

@stefan Ah, another issue is that on mine, the placeholder doesn't appear (and neither does my typed text as it's white on white). I see in your code that there is a placeholder, so if that was visible it would probably be more obvious. Also, your aria-label attribute is set to "Amount (to the nearest dollar)" for that field. Minor minor bugs.

stefan,
@stefan@stefanbohacek.online avatar

@Adam Ah, yes, that was already fixed in the code snippet and on the demo page, but on my personal site I had the old code, thank you for catching that!

And I fixed the colors when dark mode is applied, that's what was causing the colors not work right. Thank you so much!

dalias,
@dalias@hachyderm.io avatar

@stefan Something else: I wouldn't use it without understanding the privacy and account security implications for visitors who interact with it or just load the page with it embedded. To be fediverse friendly, this information should be foreground focus of such a tool.

stefan,
@stefan@stefanbohacek.online avatar

@dalias Yes, very good point.

I do touch on that in the project's FAQ, let me look into surfacing this information better.

Thank you!

alter_kaker,
@alter_kaker@hachyderm.io avatar

@stefan I'll give this a try when I have a website again

stefan,
@stefan@stefanbohacek.online avatar

@alter_kaker Nice, thank you! Definitely feel free to reach out when you do!

nora,
@nora@blob.love avatar

@stefan i answered "something else" because i am considering figuring out how to use it on my shop but won't probably do it for several months

stefan,
@stefan@stefanbohacek.online avatar

@nora Cool, definitely let me know later, happy to help set this up!

nora,
@nora@blob.love avatar

@stefan I might ping you about it when I'm able to go on my computer again!

stefan,
@stefan@stefanbohacek.online avatar

@nora Sure, looking forward to it!

stefan,
@stefan@stefanbohacek.online avatar

Oh shoot, something else might contain "I already use something similar".

I can never get these polls right.

Anyway. If you know a good alternative, feel free to share a link!

BiggestBulb,
@BiggestBulb@mstdn.social avatar

@stefan If I had a site that would benefit from this, I would totally do it. Alas, I don't - but it's cool and very necessary nonetheless

stefan,
@stefan@stefanbohacek.online avatar

@BiggestBulb Thank you, I appreciate you saying that!

stefan,
@stefan@stefanbohacek.online avatar

Too hard to use, interesting.

This already relies heavily on JavaScript, to switch which instance to go to, that would be difficult to do without it.

So maybe I could make a default version that would only require adding the JS/CSS files, and a placeholder DIV, and add the form dynamically.

And the current version with the full HTML would be an option 2 for those who prefer it?

And I wonder how many of you are just holding out for a WordPress plugin version.

cogdog,
@cogdog@cosocial.ca avatar

@stefan have you looked at https://shareopenly.org/ by @ben

stefan,
@stefan@stefanbohacek.online avatar

@cogdog @ben Yes, a few people mentioned this, see the FAQ section.

It's very nice, thank you for the heads-up!

DavBot,
@DavBot@nerdculture.de avatar

@stefan
Very cool, very simple code! Im def gonna borrow this. It's unfortunate you need to bloat it up with PHP to slide it into WordPress heh.

stefan,
@stefan@stefanbohacek.online avatar

@DavBot Thank you, let me know if you run into any issues!

sol_hsa,
@sol_hsa@mastodon.online avatar

@stefan Might refer to being too hard for end users to use. A two-click share would be ideal, without having to type your instance's name.. but given the way fediverse works, little you can do about that.

stefan,
@stefan@stefanbohacek.online avatar

@sol_hsa Ahh, good point, didn't think of that.

And you're right, ideally this would get a better support on a browser level, as with setting your default email client, or calendar app.

stefan,
@stefan@stefanbohacek.online avatar

FYI, a WordPress version is in the works. No time frame for when it'll be ready, but do let me know if that would be something you'd also be interested in.

cybeardjm,
@cybeardjm@masto.ai avatar

@stefan told you...

stefan,
@stefan@stefanbohacek.online avatar

@cybeardjm Yep, I know I can count on you! Planning to start working on it this week.

The biggest challenge will be keeping both the original script and the WP version in sync. I'll figure it out.

cybeardjm,
@cybeardjm@masto.ai avatar

@stefan Can't help with that, but can test for sure...

stefan,
@stefan@stefanbohacek.online avatar

@cybeardjm Hah, no worries, I appreciate all the help you've already given me. I'll definitely reach out when this is ready for testing!

  • All
  • Subscribed
  • Moderated
  • Favorites
  • fediverse
  • DreamBathrooms
  • mdbf
  • ngwrru68w68
  • magazineikmin
  • thenastyranch
  • rosin
  • khanakhh
  • osvaldo12
  • Youngstown
  • slotface
  • Durango
  • kavyap
  • InstantRegret
  • tacticalgear
  • provamag3
  • ethstaker
  • cisconetworking
  • modclub
  • tester
  • GTA5RPClips
  • cubers
  • everett
  • normalnudes
  • megavids
  • Leos
  • anitta
  • JUstTest
  • lostlight
  • All magazines