mastodon - Link zum Originalbeitrag

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

github.com/stefanbohacek/fediv…

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

Here's more about the project: stefanbohacek.com/project/fedi…

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

Zwift Achievements Showcase

Share with the fediverse!
Stefan Bohacek (stefanbohacek.com)
#Fediverse #socialmedia #wordpress #webdev #wordpressplugin #sharingbutton
Dieser Beitrag wurde bearbeitet. (9 Monate her)
Als Antwort auf Stefan Bohacek

mastodon - Link zum Originalbeitrag

Stefan Bohacek

The plugin is under active development and will need to be installed manually, here's how: godaddy.com/help/install-a-wor…

Some screenshots of the button added on a placeholder article: github.com/stefanbohacek/fediv… and the settings page: github.com/stefanbohacek/fediv…


fediverse-share-button-wordpress/assets/screenshot-1.png at main · stefanbohacek/fediverse-share-button-wordpress

Let your site's visitors share your work with the fediverse! - stefanbohacek/fediverse-share-button-wordpress
GitHub
Als Antwort auf Emelia 👸🏻

mastodon - Link zum Originalbeitrag

Stefan Bohacek

@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: github.com/stefanbohacek/fediv…

For the WordPress version of this project, I am also considering bundling everything together, see github.com/stefanbohacek/fediv…

As for the video, it is a bit out of date. Are the icons looking better when you visit
fediverse-share-button.stefanb…?


GitHub - stefanbohacek/fediverse-info

Contribute to stefanbohacek/fediverse-info development by creating an account on GitHub.
GitHub
@Emelia 👸🏻
Als Antwort auf Emelia 👸🏻

mastodon - Link zum Originalbeitrag

Stefan Bohacek

@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 socialhub.activitypub.rocks/t/… 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.
SocialHub
@Emelia 👸🏻
Als Antwort auf Emelia 👸🏻

mastodon - Link zum Originalbeitrag

Stefan Bohacek

@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.

@Emelia 👸🏻
Als Antwort auf Stefan Bohacek

mastodon - Link zum Originalbeitrag

Emelia 👸🏻

yeah, as I note in this comment, Mastodon as the defacto ActivityPub API is absolutely crap. github.com/swicg/general/issue…

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
Unbekannter Ursprungsbeitrag

mastodon - Link zum Originalbeitrag

Stefan Bohacek

@SamUpstate Thank you so much!

The plugin will need to be installed manually, see a note I just added here: stefanbohacek.online/@stefan/1…

I tested it with a blank WordPress site, and also a local version of my personal site, saw no issues there.

I'd just like to try this out on a variety of sites to catch any major issues before submitting the plugin to the WordPress plugin directory.

Stefan Bohacek

2024-07-28 12:24:43

mastodon - Link zum Originalbeitrag

The plugin is under active development and will need to be installed manually, here's how: godaddy.com/help/install-a-wor…

Some screenshots of the button added on a placeholder article: github.com/stefanbohacek/fediv… and the settings page: github.com/stefanbohacek/fediv…



fediverse-share-button-wordpress/assets/screenshot-1.png at main · stefanbohacek/fediverse-share-button-wordpress

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

@SamUpstate
Als Antwort auf Whreq Jnnyobre

mastodon - Link zum Originalbeitrag

Stefan Bohacek

@whreq @koen Great question, see this addressed here: stefanbohacek.online/@stefan/1…

Stefan Bohacek

2024-07-28 12:48:55

mastodon - Link zum Originalbeitrag

Side note, for now the plugin adds the original "embed code" from github.com/stefanbohacek/fediv…. 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

@Whreq Jnnyobre @Koen de Jonge - SynQ
Als Antwort auf Stefan Bohacek

mastodon - Link zum Originalbeitrag

Stefan Bohacek

Side note, for now the plugin adds the original "embed code" from github.com/stefanbohacek/fediv…. 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
Dieser Beitrag wurde bearbeitet. (9 Monate her)
Als Antwort auf DJM (freelance for hire)

mastodon - Link zum Originalbeitrag

Stefan Bohacek

@cybeardjm Yeah, a few people already pointed out potential security issues with loading code from a third party server inside a WordPress plugin. Fair enough. Bundling everything was the original idea.

But I do wonder about some of the big services, like Google Analytics, Google Tag Manager, various video platforms, etc. They seem to get away with that?

(Maybe not the best examples to follow though!)

@DJM (freelance for hire)
Als Antwort auf ✨ Andrea

mastodon - Link zum Originalbeitrag

Stefan Bohacek

@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 stefanbohacek.online/@stefan/1…

Stefan Bohacek

2024-07-28 12:48:55

mastodon - Link zum Originalbeitrag

Side note, for now the plugin adds the original "embed code" from github.com/stefanbohacek/fediv…. 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

@✨ Andrea
Als Antwort auf Stefan Bohacek

mastodon - Link zum Originalbeitrag

Stefan Bohacek

@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: stefanbohacek.com/blog/making-…

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: simplesharingbuttons.com/


Turn an RSS feed into a Mastodon bot

Lessons learned from making apps that play nice with the fediverse.
Stefan Bohacek (stefanbohacek.com)
@✨ Andrea
Als Antwort auf Stefan Bohacek

mastodon - Link zum Originalbeitrag

✨ Andrea

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!
Dieser Beitrag wurde bearbeitet. (9 Monate her)
Als Antwort auf Stefan Bohacek

mastodon - Link zum Originalbeitrag

Stefan Bohacek

@octo Actually, this is basically how 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
@✨ Andrea
Als Antwort auf Stefan Bohacek

mastodon - Link zum Originalbeitrag

Secret Lady A

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)
a screenshot of the form part of a plugin being tested, most prominently it displays the mastodon logo in black and white.
Als Antwort auf Stefan Bohacek

mastodon - Link zum Originalbeitrag

Secret Lady A

yes, the theme (in both cases) are from the wordpress library.
The one with the big logo is: Zoom Lite (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.
WordPress.org
Als Antwort auf Secret Lady A

mastodon - Link zum Originalbeitrag

Stefan Bohacek

@secretladya Just an FYI!

github.com/stefanbohacek/fediv…

Thank you, again!


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
@Secret Lady A
Als Antwort auf Secret Lady A

mastodon - Link zum Originalbeitrag

Stefan Bohacek

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

mstdn.social/@secretladya/1128…

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

2024-07-28 13:55:18

mastodon - Link zum Originalbeitrag

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)
a screenshot of the form part of a plugin being tested, most prominently it displays the mastodon logo in black and white.

@Secret Lady A
Als Antwort auf XAG.info 💻📱⚙️🖥

mastodon - Link zum Originalbeitrag

Stefan Bohacek

@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: github.com/stefanbohacek/fediv…

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
@XAG.info 💻📱⚙️🖥
Als Antwort auf Stefan Bohacek

mitra - Link zum Originalbeitrag

find you on fediverse

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

the svg is here bloat.wizard.casa/thread/01900…

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 :butterfedy1: :butterfedy2: :butterfedy3: but you prolly dont need to see them flutter for what ur doing. 😀

bye 4 now

Als Antwort auf find you on fediverse

mastodon - Link zum Originalbeitrag

Stefan Bohacek

@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 socialhub.activitypub.rocks/t/…

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
@find you on fediverse
Als Antwort auf Stefan Bohacek

mitra - Link zum Originalbeitrag

find you on fediverse

>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
:peertube_tv: :peertube_red: :peertube_linered: :peertube_vert: :peertube: :peertube_line:

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"

butterfedy_fediverseIcon_cosmos_gradient-line-emoji.jpg

fediOrigami

The icon for Fediverse
Disroot Forgejo: Brace yourself, merge conflicts ahead.
@small circle 🕊 in calmness
Als Antwort auf Stefan Bohacek

mitra - Link zum Originalbeitrag

find you on fediverse

hi @nestort almost forgot to tag u 😀 i dont kno if you remember the entity called DSFGS but they did an emoji for :butterfedy1: fediverse earlier this year and quickly disappeared from the masto instance they were on. i found the torrent on i2p. did minor touchups and publihed. see emojis above, includes peertube also.

@stefan feel free to update me on how things go, will be good to see how things go.

@Nestort Eudaimon @Stefan Bohacek
Als Antwort auf find you on fediverse

mitra - Link zum Originalbeitrag

find you on fediverse

it may prove helpful if forward thinking instances adopt the :fediverse2: emoji either as :fedi, :fediverse or :fediverseemoji , the first name in that series that doesnt already have an emoji assigned to it?

....then theres optional animated ones, they could be <name>1: <name>2: <name>3:
:butterfedy1: :butterfedy2: :butterfedy3:

....and optional flat ones <name>A: (for Aqua) <name>P: (for Pink)??
:butterfedyC: :butterfedyA:

thoughts welcome as would be good to standardize the adoption for consistent usage across instances.

Als Antwort auf find you on fediverse

mastodon - Link zum Originalbeitrag

Stefan Bohacek

@frogzone @smallcircles @nestort Still thinking about it!

The "current logo" is already pretty recognizable stefanbohacek.online/@stefan/1….

But I am considering it as an option, I just had to focus on some other higher priority stuff.

Will keep you posted!

Stefan Bohacek

2024-07-30 23:01:47

mastodon - Link zum Originalbeitrag

Well?

@Nestort Eudaimon @small circle 🕊 in calmness @find you on fediverse
Als Antwort auf Stefan Bohacek

mastodon - Link zum Originalbeitrag

Stefan Bohacek

@shadow FYI this is now fixed! github.com/stefanbohacek/fediv…

Thank you, again!


Layout issues when using the OceanWP WordPress theme · Issue #8 · stefanbohacek/fediverse-share-button-wordpress

Layout completely broken when using the OceanWP theme. Theme download page: https://oceanwp.org/ Report link: https://everythingbagel.social/@shadow/112865834454791262
GitHub
Unbekannter Ursprungsbeitrag

mastodon - Link zum Originalbeitrag

Stefan Bohacek

I fixed this in github.com/stefanbohacek/fediv…,
the plugin currently loads JS and CSS from the original project. (See stefanbohacek.online/@stefan/1….)

"why not add auto center for some themes as fallback"

Hmm, let me look into that. Thank you for the suggestion!


Fixed compatibility with the OceanWP WordPress theme. · stefanbohacek/fediverse-share-button@1604cd8

Let your site's visitors share your work with the fediverse! - Fixed compatibility with the OceanWP WordPress theme. · stefanbohacek/fediverse-share-button@1604cd8
GitHub

Stefan Bohacek

2024-07-28 12:24:43

mastodon - Link zum Originalbeitrag

The plugin is under active development and will need to be installed manually, here's how: godaddy.com/help/install-a-wor…

Some screenshots of the button added on a placeholder article: github.com/stefanbohacek/fediv… and the settings page: github.com/stefanbohacek/fediv…



fediverse-share-button-wordpress/assets/screenshot-1.png at main · stefanbohacek/fediverse-share-button-wordpress

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

Dieser Beitrag wurde bearbeitet. (9 Monate her)
Als Antwort auf Stefan Bohacek

mastodon - Link zum Originalbeitrag

MizKirsten

I tested on a multisite instance, and it works seamlessly 👍 Nice for us MU operators!

The one thing I believe will stop the average site owner from using it right now is the placement of it. Ideally, it would be a Gutenberg block that can be added to templates in the site-wide editor where ever the site owner wants it 😀

The display options in the settings probably help for now. But anything putting an element into the front end UX is best as a Gut. block, I think.

Als Antwort auf MizKirsten

mastodon - Link zum Originalbeitrag

Stefan Bohacek

@mizkirsten Thank you for trying this out!

And yes, Gutenberg block support is definitely on the roadmap!

github.com/stefanbohacek/fediv…

Block Editor/FSE support · Issue #3 · stefanbohacek/fediverse-share-button-wordpress

It would be nice if the plugin would be also a block, so that you would be able to place it everywhere in your post or theme without having to use the settings.
GitHub
@MizKirsten
Unbekannter Ursprungsbeitrag

mastodon - Link zum Originalbeitrag

Stefan Bohacek

@cybeardjm Yes, this is on the to-do list!

github.com/stefanbohacek/fediv…


Open sharing prompt in a new window/tab · Issue #5 · stefanbohacek/fediverse-share-button-wordpress

Currently not implemented due to an iOS issue https://stackoverflow.com/questions/20696041/window-openurl-blank-not-working-on-imac-safari Might be just possible to dynamically update the inline on...
GitHub
@DJM (freelance for hire)
⇧