sethcottle / littlelink

A lightweight DIY Linktree alternative.
https://littlelink.io
MIT License
1.82k stars 982 forks source link

Mastodon verification not working #73

Closed corite closed 2 years ago

corite commented 2 years ago

The mastodon verification does not seem to be working (At least not for my mastodon.social profile). Although the rel=me attribute is already present in the index.html body, the verified symbol only showed up after I added another link to my profile from the page header. I am not sure though if the problem is that the link is not in the header or that there are multiple rel attributes on the link.

Do you know what the source of this Problem is? Have you tested the currently active version?

sethcottle commented 2 years ago

I'll dig into this today and give it a try! From the documentation I read through Mastodon, it didn't mention this having to be present in <head> . I'll let you know what I find in a few hours!

sethcottle commented 2 years ago

Okay, @corite, I just gave this a whirl with a mastodon.social profile I set up. I used the littlelink.io homepage as my test link. Looks like code wise, totally works. I added the link to Mastodon before it pushed to the live site. Then I did several refreshes and hard refreshes to attempt to get the link to verify, but that didn't seem to do the trick. After trying that a few times I went to "Edit profile" and hit Save Changes and I'm assuming that forced mastodon.social to recheck for the rel="me" because it instantly verified as soon as I did that.

So, I would assume it was just a check delay that made it seem like it wasn't working. They likely aren't checking that often for the rel="me" to perform the verification, they might only check at time of Save, I'm not quite sure. Regardless, it isn't an issue with how the link is presented in LittleLink. It's able to be verified with the current configuration.

https://i.gyazo.com/2d4b728aa940343913b07e14567cf563.mp4

Here's what my code looked like in the <body> of LittleLink.

       <!-- Mastodon -->
        <a class="button button-mastodon" href="https://mastodon.social/@sethcottle" target="_blank" rel="me noopener">
            <img class="icon" src="images/icons/mastodon.svg" alt="Mastodon Logo">Mastodon</a>
        <br>

Edit: Tried this again on a fresh site with a new URL. Deployed with the link in already set up in the ‘’, waited about five minutes before adding it to my Mastodon profile, it was an instant verification.