Hey, anyone running a WordPress site interested in helping me test a fediverse sharing button plugin before I submit it for review?

https://github.com/stefanbohacek/fediverse-share-button-wordpress/

(EDIT: You can use the "Code" -> "Download ZIP" button.)

Here's more about the project: https://stefanbohacek.com/project/fediverse-sharing-button/

#wordpress #WordpressPlugin #fediverse #SharingButton #SocialMedia #webdev

GitHub - stefanbohacek/fediverse-share-button-wordpress: Let your site's visitors share your work with the fediverse!

Let your site's visitors share your work with the fediverse! - stefanbohacek/fediverse-share-button-wordpress

GitHub
@stefan that button icon doesn't look too right? Is that being auto-discovered via nodeinfo or something?

@thisismissem Yes, basically. I use my own "third party" server that briefly caches the nodeinfo data.

I don't offer it publicly, but it is open-sourced: https://github.com/stefanbohacek/fediverse-info

For the WordPress version of this project, I am also considering bundling everything together, see https://github.com/stefanbohacek/fediverse-share-button-wordpress/issues/4

As for the video, it is a bit out of date. Are the icons looking better when you visit
https://fediverse-share-button.stefanbohacek.dev?

GitHub - stefanbohacek/fediverse-info

Contribute to stefanbohacek/fediverse-info development by creating an account on GitHub.

GitHub
@stefan I'm not sure why default to the mastodon icon:
@thisismissem I think I must've messed something up when refactoring the site recently, I was missing a few icons I *think* I already added before. This is now fixed, thank you for catching it!

@thisismissem Also, note that, as you may or may not know, Pixelfed doesn't, as far as I know, support opening a sharing prompt via URL.

https://stefanbohacek.com/blog/making-fediverse-apps-for-everyone/#sharing-dialog

Making fediverse apps for everyone | Stefan Bohacek

Lessons learned from making apps that play nice with the fediverse.

@stefan I didn't! Was just the first non-mastodon server I could think of ๐Ÿ˜•
@thisismissem Yeah, it's a bit disappointing that fediverse platforms are not a bit more compatible. I'd imagine you probably know about AP C2S https://socialhub.activitypub.rocks/t/activitypub-client-to-server-faq/1941 for example?
ActivityPub Client-to-Server FAQ

Context: ActivityPub Client-to-Server (AP C2S) is probably the least understood part of ActivityPub and there is very few documentation and running code for it and ActivityPub is mostly underspecified. This FAQ might be terribly opinionated, I considered pushing it on my own site or https://litepub.social instead but I figured having it more visible and getting easier interactions would be better. Created: 2020-07-21 Last Modified: 2021-07-21 Should I use ActivityPub Client-to-Server? Activ...

SocialHub
@stefan yeah, though how would you ensure C2S data was valid & map that to say Mastodon's internals?

@thisismissem Oh that's beyond my level of expertise to answer.

My point was more about following the same endpoint naming conventions, rather than some platforms copying Mastodon, and some doing it their own way.

I don't even mind some platforms not supporting all the endpoints, in same cases it wouldn't make sense.

But I sure would appreciate consistency.

@thisismissem @stefan as both a client and server dev, i would too. but like. there is no endpoint that would make sense for that on a platform like GotoSocial that doesn't have a single blessed UI.

imo AP really fucked up by not defining its own URL scheme for activities but it's not quite too late to define one for sharing intents

@stefan yeah, as I note in this comment, Mastodon as the defacto ActivityPub API is absolutely crap. https://github.com/swicg/general/issues/38#issuecomment-2251047829

Ideally for share intents you should just be able to "follow your nose" to discover them, if supported.

OAuth and/or OIDC profile work for Mastodon and/or for AP more generally? ยท Issue #38 ยท swicg/general

No idea if this should be a CG Note or a WG item mentioned in a charter or yadda yadda but regardless of how it gets published, it sounds like it's blocking other work for there not to have even a ...

GitHub

Side note, for now the plugin adds the original "embed code" from https://github.com/stefanbohacek/fediverse-share-button/#how-to-use. I figured this works for now while I'm testing things, but I intend to bundle the script and style files with the plugin.

(Unless folks think the current approach works better? Certainly easier not having to maintain two copies of the same script.)

GitHub - stefanbohacek/fediverse-share-button: Let your site's visitors share your work with the fediverse!

Let your site's visitors share your work with the fediverse! - stefanbohacek/fediverse-share-button

GitHub
@stefan sure! Will run some tests tomorrow!
@pfefferle Thank you so much, really appreciate it!
@stefan readme seems to be copied from a different project :)
@pfefferle Ahhh, thank you for catching that, fixed!
@stefan hey, that looks like something @whreq made ๐Ÿ˜Ž
@koen @whreq Intriguing, would love to learn more about such project!
@stefan Great plugin! Works like a charm :)
@stefan I'd like to, but where is the ZIP? is it the one from the Code button on GitHub? I'd thought that would download the uncompiled source code
@octo Yes, that's the one, sorry about the confusion!
@stefan
lookin' good ๐Ÿ”ฅ
however, it loads resources, and especially a script, from an external domain, I hope this will be changed...
(actually, out of curiosity, is the javascript really needed at all? WordPress and its plugins run on PHP, so I'm not sure what JS is needed for on a simple submit form)

@octo Thank you so much!

And yes, all the necessary files will be bundled with the finished plugin once I'm done testing, please see my note here https://stefanbohacek.online/@stefan/112864194402884998

Stefan Bohacek (@[email protected])

Side note, for now the plugin adds the original "embed code" from https://github.com/stefanbohacek/fediverse-share-button/#how-to-use. I figured this works for now while I'm testing things, but I intend to bundle the script and style files with the plugin. (Unless folks think the current approach works better? Certainly easier not having to maintain two copies of the same script.)

Stefan's Personal Mastodon Server

@octo And to your second question, the main challenge here is that each fediverse platform has its own sharing dialog URL, if they have this feature at all.

See my own research into this here: https://stefanbohacek.com/blog/making-fediverse-apps-for-everyone/#sharing-dialog

If they all followed the same format, it would be trivial to do this with no JavaScript, as a matter of fact, I actually made just that for commercial social media a few years ago.

If you're interested: https://simplesharingbuttons.com/

Making fediverse apps for everyone | Stefan Bohacek

Lessons learned from making apps that play nice with the fediverse.

@stefan you could register an endpoint on the WordPress server that the form redirects to when fired, and that endpoint then does an additional redirect to the proper Fediverse sharing page after checking the proper URL with backend logic, but yeah I imagine at this point it's probably an hassle ๐Ÿ˜…
still, I will keep the plugin once it's done!
@octo You know what, this is actually not a bad idea!

@octo Actually, this is basically how https://shareopenly.org works, now that I think about it.

I didn't want to just recreate it for my original implementation of my project, but it does make more sense as a WordPress plugin, where everything happens through your own website.

Either way, I will give this more thought, thank you!

ShareOpenly

Easily share content to social networks across the web.

ShareOpenly
@stefan Sure. The site is https://newsletter.mobileatom.net. Will it be a plugin?
Symfony Station / The Payload Newsletter โ€“ The Symfony Station Fediverse Account and Newsletter

@SymfonyStation Yes, after I do some initially testing. For now you will need to download it (https://github.com/stefanbohacek/fediverse-share-button-wordpress/archive/refs/heads/main.zip) and install manually, if that works for you.

And I see you use shareopenly.org, nice!

@stefan so far so good. I'd want to see it either opening the share dialogue in a new tab, or an easy backlink button to get back to the original post being shared.
It may confuse readers to not have an easy way back to continue reading the blog.

@secretladya Thank you for trying this out, really appreciate it!

And yes, I suppose you're right, I can see that being confusing. Let me look into changing that!

@stefan the first attempt was made simply using the snippet on a blog that uses one of the wordpress default themes (that is compatible with the site editor).
I then also tried downloading the zip and installing it on my other blog, which uses a legacy theme (although maintained) that is not site editor compatible.
I chose to add it on all suggested places, but it doesn't show on any but single post and pages. Also layout is messed, see image (I'll install the plugin properly on the first too)
@stefan on the blog that has an editor compatible theme it does indeed show on the main page, and asks to share the blog as a whole rather then a single post, but I have an interesting placement.
At the bottom of each post preview in masonry mode rather then at top or bottom of the page itself.
@secretladya Thank you for this! Is the theme available to download anywhere by any chance?
@stefan yes, the theme (in both cases) are from the wordpress library.
The one with the big logo is: Zoom Lite (https://wordpress.org/themes/zoom-lite/).
The one with multiple forms is wordpress default Twenty Twenty-Three theme
Zoom Lite | WordPress Theme Directory

Zoom Lite is a free WordPress theme. It's perfect for blog, personal portfolio, web agency business, business portfolio, corporate business, one page, landing page, photography sites or freelancer. Zoom Lite is 100% responsive, clean, modern, flat and minimal. Zoom Lite is WooCommerce storefront ready, WPML, RTL and also SEO Friendly. This theme also translation-ready, supports image header, gallery, featured images, has three widget in footer areas and includes a sliding menu for mobile screens and includes a full-width template. Zoom Lite works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Built with SEO in mind, Zoom Lite comes with Schema.org code integrated so search engines will love your site.

WordPress.org
@secretladya Great, thank you, I'll do some more testing with these. Really appreciate all your help!
@stefan you're welcome, it's a nice plugin as such. Both blogs are also using the fediverseplugin that basically makes them fediverse servers under their own name
Layout issues when using the Twenty Twenty-Three WordPress theme ยท Issue #7 ยท stefanbohacek/fediverse-share-button-wordpress

The sharing prompt appears "at the bottom of each post preview in masonry mode rather then at top or bottom of the page itself". Theme download page: https://wordpress.org/themes/twentytwentythree/...

GitHub
@stefan thanks, will apply the fix and check, but likely tomorrow :)

@secretladya No rush at all! Also, when you have a chance, could you also please check the other theme?

https://mstdn.social/@secretladya/112864455461254420

I am not seeing this issue after the last update I made to fix the first one, although there is a different styling problem related to font colors, so I might have to address that separately.

Thank you so much for all your help!

Secret Lady A (@[email protected])

Attached: 1 image @[email protected] the first attempt was made simply using the snippet on a blog that uses one of the wordpress default themes (that is compatible with the site editor). I then also tried downloading the zip and installing it on my other blog, which uses a legacy theme (although maintained) that is not site editor compatible. I chose to add it on all suggested places, but it doesn't show on any but single post and pages. Also layout is messed, see image (I'll install the plugin properly on the first too)

Mastodon ๐Ÿ˜
@secretladya Oh wow, that *is* big. Eye-catching, though.
The demo worx.
@stefan
@danieltietze Nice, thank you so much for trying this out!
@stefan sure, let me know where to get it!

@cylon_jg Thank you, really appreciate it!

I just updated the post with more detailed instructions. Here's the direct link: https://github.com/stefanbohacek/fediverse-share-button-wordpress/archive/refs/heads/main.zip

@stefan
I have one that does an interstitial on my site as of now, but this one is interestingโ€ฆ ๐Ÿค”
Is it GDPDR-proof?

@stefan

@XAGinfo Now it is!

You can opt-out of saving the last used domain name using:

localStorage.setItem("fsb-consent-given", "false");

See the updated FAQ for more details: https://github.com/stefanbohacek/fediverse-share-button/#q-does-this-widget-or-the-fediverse-info-server-collect-any-information-does-it-comply-with-data-privacy-laws-eg-gdpr

Thank you for bringing this up!

GitHub - stefanbohacek/fediverse-share-button: Let your site's visitors share your work with the fediverse!

Let your site's visitors share your work with the fediverse! - stefanbohacek/fediverse-share-button

GitHub

@stefan wow good timing, i did a search the other day and you came up as someone who might be worth talking to about the  fediverse emoji....is there a way to contribute without being on msgithub? i disvovered this  fediverse emoji and i think it might be good to add

the svg is here https://bloat.wizard.casa/thread/019008d6-621d-9d4e-8fc6-9e49e56d91f7

i adapted it from the dark web the license is AGPLV3 foss but seems to exclude non-agplv3 servers like threads. so i dont think threads folk can use it, at least according to the lcense i read, i think thats a feature tbh

i animated it    but you prolly dont need to see them flutter for what ur doing. :)

bye 4 now

@frogzone Hi, thank you for reaching out!

Really like the logo, a lot more approachable than the one that's commonly used!

As much as I prefer this one, I'm not sure how I feel about trying to replace it. Perhaps this could be a setting in the plugin, so people can choose?

There's a few more proposals in this thread https://socialhub.activitypub.rocks/t/fediverse-logo-or-icon-proposal/1057/30

It would be very helpful to know who the author is though, for proper attribution, if you're able to share that information.

Fediverse logo or icon proposal

Found via @jfrantzius on Fedi Marketing chat the fediOrigami repo with a gazillion variations of:

SocialHub
@frogzone As for contributing outside of GitHub, I completely understand, I will have to look into the options and get back to you on that.

@stefan
>I'm not sure how I feel about trying to replace it
i would just do it.... noone will complain.... very very few people use the old version on anything fediverse.party dont.... fediverse.info dont. the de facto icon is masto which is misleading andi would argue hurts fedi. even fedi tips doesn't use it, they cover it up so you can only see the nodes around the adge

>a setting in the plugin
yes maybe witch symbol in settings

>few more proposals in this thread
oh neat, that one that you linked to must be the version that DSFGS made before their last version. see in the repo (onion) how it has the peertube emoji, but without the actual peertube design inside!

this is dsfgs' latest wrt the peertube
       

i had no idea that dsfgs had been working on an emoji for so long!! there is a post in that thread you linked to on January 6, 2021 that attributes dsfgs! their design has come a LOOONG way since then. @smallcircles is that you who started the thread, nice job. even from jan '21 dfsgs was saying that the icon was only for foss implementations of activity pub, its as if they could see a future in which the crporates (threads) would need to be rejected.

>It would be very helpful to know who the author is though, for proper attribution, if you're able to share that information.
attached is a jpg from the torrent they put up. to caption it its just a bunch of variations of the emoji and the heading "Fediverse (to the power of) FOSS" and clause below stating "Fediverse abstract butterfly icon (c) Copyright 2024 Dick Smith Fair Go Supporters (DSFGS), licensed AGPLv3 for AGPLv3 (free-licence, open source softwares) only! It CANNOT be used to link to non-AGPLv3, non-freedom-respecting network services. PeerTube logo adapted by DSFGS, original by Framasoft CC-BY-SA 4.0"

fediOrigami

The icon for Fediverse

Disroot Forgejo: Brace yourself, merge conflicts ahead.

@frogzone @smallcircles Thank you so much, this is all very helpful!

And sorry, I forgot to mention, the bloat.wizard.casa doesn't seem to be working for me, I just get an "invalid session" error.

Not sure if there's anything you can do to fix that, happy to share my email if you want to send it over. (Or just DM me.)