Just had a request for a "Share on Mastodon" button for a blog.

As far as I know there's no official "Share on Mastodon" button, but there are several third party options.

If you've used a "Share on Mastodon" button on your site, could you give your recommendations/experiences?

#Mastodon #AskMastodon #AskFedi

@feditips I made my own, along with integrating Mastodon replies and interactions. Code is here:

https://www.codingwithjesse.com/blog/add-mastodon-replies-to-your-blog/

Add Mastodon replies to your blog - Coding with Jesse

You can now comment on blog posts on Coding with Jesse! I turned off comments years ago, because I was getting tons of spam. But recently, with my return to social media, I decided to integrate Mastodon to give people a way to comment on and interact with my articles.

@JesseSkinner great write Jesse. Thank you for taking the time.
@JesseSkinner @feditips great stuff! I need to get off my lazy ass and implement this for my blog.

@JesseSkinner @feditips I recently followed a different approach to integrate Mastodon with my static website, directly linking one toot (and its replies) to a post.

Have a look here on how I did it and a working example: https://danielpecos.com/2022/12/25/mastodon-as-comment-system-for-your-static-blog/

Mastodon as comment system for your static blog | GeekWare - Daniel Pecos Martínez

Integrating Mastodon into your static blog as an alternative to traditional comment systems.

GeekWare - Daniel Pecos Martínez

@JesseSkinner @feditips

Jesse, I have a question about the privacy and consent implications of pulling the replies onto your blog:

Does a user know this is happening? Can a user stop this happening?

@UlrikeHahn
Good question. It's exactly as public as the interactions on the Mastodon posts. In a way, it's almost like the blog becomes a Mastodon client of it's own. Or maybe similar to having your tweets embedded on a website. But no, the user might not realise their replies or interactions end up on the website. If they do, and don't want them there, it'd be up to the website owner to manually remove them.
@feditips

@JesseSkinner @feditips

my intuition would have been that users replying on Mastodon need to know that there replies will automatically appear as comments on an external webpage, seeing as I might reasonably feel comfortable (as a hypothetical user) about contributing to a discussion on Mastodon, but not about leaving a comment on a blog.

1/

@JesseSkinner @feditips

2/ there are then more specific questions that follow from that:
1. is it clear from the way that the comments are displayed on the blog that they were made elsewhere (ie does display reflect what user actively opted to do)?

2. is the decision on public/unlisted/follower only/DM that I made when replying in Mastodon respected in any way?

3.are my settings on search engine indexing respected as a proxy for the extent to which I want my words appearing outside of M?

@UlrikeHahn @feditips Good questions. I don't think you can say a website is internal or external to Mastodon - any website can be part of the Fediverse.

@UlrikeHahn @feditips

In the context of how I've personally done it -

1. Yes, my blog does refer to discussing the blog post on Mastodon, and all the replies & interactions link to the author and to the post on the author's Mastodon server.

2. Yes, brid.gy only has access to fully public replies, so only those get sent as webmentions.

3. AFAIK that setting is just about having your profile searchable, not your posts.

@JesseSkinner @feditips

thank you, that answers most of my questions!!!

(also, I am clearly not versed in thinking about consent in the context of technical systems, though I do have to think about consent a lot in my own work).

Hypothetical follow up, then: if 1. weren't the case, would it be possible to simply display my comments as if they had been made on an external webpage, and if yes, is that a consent issue, and if yes, what (if anything) would there be to mitigate against that?

@UlrikeHahn @feditips Hm, I would think this is more of a copyright issue than a privacy issue, probably analogous to quoting an article from someone else - you should at least give attribution and a link back to the source. These toots are little microblog posts, because Mastodon is a microblogging platform, so maybe that helps clarify some of the appropriate usage.

@JesseSkinner @feditips

seems to me its potentially both, but, for the moment, I'm trying to wrap my head around the fediverse behaviour itself as I clearly don't understand it yet!

apologies for my ignorance.

@UlrikeHahn @feditips No, it's good for all of us to think through this stuff and make sure we're not forgetting anything. Thanks for bringing up these questions.
@UlrikeHahn @JesseSkinner @feditips If the replies are public, what does it matter? Or would this affect a user's ability to (auto)delete their history because the comment would live on the blog replied to, thereby potentially impinging on one's right to be forgotten?

@markstoneman
The replies don't live on the blog; I don't have a database of replies. The blog is a static site. Bridgy, which I'm using for webmentions, says it handles deletes: https://fed.brid.gy/docs#delete

@UlrikeHahn @feditips

Bridgy Fed

@feditips I use the privacy-friendly plugin Shariff in ClassicPress, and it works. You just cannot configure a template and if you want your toot to have a different text, you need to change it every time.
Shariff supports Mastodon since a short time, and it also supports Facebook, Twitter, Pinterest, Xing and a lot of other platforms.

@feditips

The OS or a registered app would need to know which instance you wished to share too? 🤔🤷‍♂️

@simonzerafa @feditips or they can just ask

@katafrakt It's a really terrible UX though. You need to do this for each site you share from, breaking a lot of the value of an easy share. And if you move servers, any you have used before now have the wrong server.

Also I just helped a friend move to Mastodon, and I told her the server she is on, but we just made a shortcut for it to be easy for her to go there -- if she is confronted with this prompt, I am pretty sure she won't know what to put.

@hackbod @katafrakt

Indeed not a good user experience. It's needs to be improved to help sharing from outside Mastodon and within.

@simonzerafa @hackbod I agree that the UX is pretty bad but I fail to see how this could be improved, given distributed nature of the fediverse. At least not without re-centralizing it to some extent.

@katafrakt @hackbod

A local app handing the requests and redirecting to the users chosen instance? 😕🤷‍♂️

@katafrakt @simonzerafa @hackbod Thus the need for recommendations for which the original post is asking.

@hackbod @katafrakt

Maybe a better UX would be for a third party intermediary site to exist (like mastodon-sharer.social). And the idea is that the button would share to that site. People could set up accounts on that site and configure which is the instance they want their sharing to be done for.

Then, every time they visit this intermediary site, it would have their sharing settings remembered, so it becomes one click at that point, from every source people want to share from.

@mattwelke @hackbod yes, this could easily work, but it's kind of re-centralization of the fediverse again. Plus I'm not sure if people would consider registering on yet another site and having to allow this site to post to their account as better solution.

@katafrakt @hackbod

For sure. Pros and cons. I liked another person's suggestion I saw for a client side installed app. That way they can centralize their Mastodon sharing within their own device, but the entire network isn't centralized. Win-win if you ask me. Not sure how that would translate to web though (but should work for iOS and Android).

@mattwelke The problem to me with a client-side installed app is it breaks if the app isn't there.

Not as much an issue for sharing, once you get wide distribution of apps, since anyone who wants to share to Mastodon can easily have that set up.

But for general sharing of links to posts, those need to work everywhere. It sounds like the solution may be an easy way to hop to your server through a mastodon: scheme which is maybe not terrible.

@katafrakt I filed a feature request for this that, not surprisingly, got shot down in flames. 🙂

https://github.com/mastodon/mastodon/issues/22245

It's really obvious rough edge though that somebody is probably going to fix. For example, when/if they implement mastodon: for interop, I think it would be easy for anyone to provide a domain described in that bug that converts those into portable URLs. (And one could certainly do that today for sharing to Mastodon.)

Define Canonical URLs? · Issue #22245 · mastodon/mastodon

Pitch Define a canonical URL space for links to Mastodon posts (and maybe other things) that can be shared outside of Mastodon to get a more seamless experience when opening them. For example, defi...

GitHub

@feditips there’s this one: https://share-on-mastodon.social

There’s also Wordpress (and probably other blog software) plugins.

Share on Mastodon

A customizable "Share on Mastodon" button.

@feditips it would be great to have simple and ready to use plugins to integrate Mastodon into Joomla and Wordpress.
@feditips Share on must be made. But then where to share :-) i have got three accounts
@redegelde @feditips almost need an instance picker that knows/remembers which instances you use. Centralized list manager or app of some sort running locally is the only way to make it seamless. IMHO.
@feditips Didn’t find any ready-made solution that I liked, so I wrote (i.e. searched and borrowed and customized) my own little JavaScript that asks for (and memorizes) the user’s instance, and then composes a toot with the link to the current page.
@feditips The quarto-social-share #Quartopub extension includes Mastodon. https://github.com/schochastics/quarto-social-share
GitHub - schochastics/quarto-social-share: Quarto Extension that adds buttons to share on social media

Quarto Extension that adds buttons to share on social media - GitHub - schochastics/quarto-social-share: Quarto Extension that adds buttons to share on social media

GitHub
@feditips for Wordpress, the one which allows you to select the instance is AddToAny Share plugin. The others aren’t as flexible. I’ve implemented this and also embedded toots in my blog https://palmdoc.net
Chronicles of a mobile medical tech enthusiast

@feditips For my #wordpress sites I configure the Add-to-Any plugin to show the MASTODON button. Haven’t removed share to Twitter hiwever
@feditips and please do not call it "share on Mastodon", call it "share on Fediverse"
@feditips Something like "Share with #ActivityPub" would be better.

@feditips For the current iteration of my blog, I have a button that prefills the link and mentions me at a share page for each post.

So the button on...
https://judahbrown.xyz/share/about/
...Would redirect to
https://toot.kytta.dev/?text=Check%20out%20this%20post%20from%20@[email protected]%27s%20blog!%20https://judahbrown.xyz/about

Judah Brown

Welcome to my website!

@feditips Please: that should be in the browser, not on the page.
This would contribute to the web's bloating.

GAFAM wanted their buttons for the tracking it allows, not for the benefit of the users.
I don't want to start seeing buttons for Mastodon, XMPP, Diaspora, Friendica, etc all over the pages.

If I want the feature, I will look for a browser's extension. An extension will work for all pages at once.
@feditips

Do they just need the .png file of the Mastodon logo and a social media theme/plugin that accepts custom links?
@feditips For WordPress, AddToAny Share Buttons plugin has a Mastodon share button (along with all the other social media sites). I have it on my blog. It makes you select your instance though... so, not as simple as sharing to Twitter. If you want to see how it works, I can send my blog link for you to try it.

@feditips i just direct link back to my profile. not the most elegant thing but since i'm just getting back into blogging, i'm trying not to get too distracted by the endless tweaking i could do.

basically, if the visitor is so inclined, they can either send me a note through the web site or hit me up here.

my mom hasn't taken advantage of either option yet.

@feditips I've seen one on Poweroutage.us already
@feditips I use IFTTT to create automations through Webhook function. Every time I 'Like' a YouTube video it posts it on my Mastodon feed.
@feditips personally I think it’s a great push for Web Share which is a native HTML5 protocol. Most mobile browsers at least support it (even Safari!)
@feditips I have tusky on my mobile devices and that makes pages and anything sharable have a share on mastodon option. It opens tusky and asks which account/instance to use. It isn't a blog share button, but it does the same thing while on mobile.
@feditips Im slapping a website together on wix that’s gonna need one. Im gonna find a button image I can copy off the interwebs then hide the link in it. Should work? I’ll get to it later.

@feditips Just used the code from @JesseSkinner to add a Mastodon button to my site (replacing the birdsite button that was there before). Here's a sample page:

https://practopian.org/blog/hbowie/thank-god-for-elon-musk.html

Thanks!

Thank God for Elon Musk!

@feditips prediction: there will never be a "Share on Mastodon" button because the ethos here seems to be against it.

#Mastodon #HairShirtUX

@feditips The Share button works well in the #MetaText app
@feditips
I asked my provider for a simple Mastodon follow image that I could place on my webpage, and they had no idea what I was talking about! If only Mastodon had a PR unit. Alas, there seems to be no org to turn to.

@feditips My blogs use Wordpress and I've always used the Shariff plug-in to generate the share buttons I choose, including Mastodon.

The first time you use the button, it asks for your instance and then, presumably, stores it in a cookie.

Sharing to Masto is always going to be problematic because Masto isn't monolithic so the button has no idea where to send the user without asking for more information.

@feditips on my iPhone, if I go to share an article, Mastodon is in my options, just by being on my phone. I’m not sure if this relates to laptops, since I rarely, if ever, use a laptop for social media.
@prodygy @feditips it comes right up on my Android