Intentando que los usuarios añadan enlaces de verificación de Mastodon, necesito ayuda

Hola, estoy intentando añadir un enlace de verificación de perfil de Mastodon a mis páginas de perfil de usuario:

Verificación

Puedes verificarte como propietario de los enlaces en los metadatos de tu perfil. Para ello, el sitio web enlazado debe contener un enlace de vuelta a tu perfil de Mastodon. El enlace de vuelta debe tener un atributo rel="me". El contenido de texto del enlace no importa. Aquí tienes un ejemplo:

<a rel="me" href="https://mastodon.social/@BartV">Mastodon</a>

He bifurcado el TC de Clickable Social Icon Links on Profile y muestra el enlace de Mastodon correctamente en las páginas de perfil de usuario, pero como se renderiza como una plantilla de handlebars, no es visible en la versión ‘html/sin javascript’ y el rastreador de Mastodon no lo verá.

He notado que la versión HTML tiene la siguiente sección:

<div class="user-crawler">
<img src='https://blenderartists.org/user_avatar/blenderartists.org/bartv/45/529382_2.png' alt='bartv' title='bartv' />
<h2 class='username'>bartv</h2>

¿Hay alguna forma de añadir una línea con el enlace requerido a esta sección desde un componente temático?

2 Me gusta

Solo agrégalo al pie de página, tal vez. Y si no quieres que se muestre, puedes agregar CSS para ocultar ese div.

Ah, no me expliqué bien: los usuarios pueden introducir su URL de Mastodon como un campo personalizado y me gustaría añadir un enlace personal a sus propias páginas de perfil en mi foro.

1 me gusta

Básicamente, sugieres que cada sitio pueda verificar a todos sus usuarios. Entonces, como tengo una cuenta en mastodontti.fi, podría agregar etiquetas en mi perfil allí y obtener la verificación.

Bueno… esa no es exactamente la idea detrás de la verificación al estilo de Mastodon.

En realidad no, todo lo que dice es que tú también eres esa persona en otro sitio, no va más allá. GitHub está preparando algo similar.

De todos modos, no estoy aquí para debatir esto, solo intento encontrar una solución a mi pregunta :slight_smile:

No es necesario usar CSS. Es solo un enlace, así que <a rel="me" ... ></a> es suficiente.

La cosa

Sí, pero debe ser accesible para un rastreador. Los scripts de Ember/Handlebars no funcionarán ya que son renderizados por Javascript.

Estás perdiendo el punto. Entonces podrías usar cualquier servidor público de Mastodon para eso. Y estás usando una definición bastante amplia de usuario de algún sitio.

Sí lo estás porque dicta si tu solución es correcta.

Y lo es. Cuando hay un vacío o nulo entre la etiqueta A de apertura y cierre, funciona perfectamente, no se muestra a los visitantes y no necesita otra regla CSS.

Lo siento, pero no es así. Echa un vistazo al enlace debajo del icono de Mastodon en mi página de perfil aquí:

Si inspeccionas el elemento, verás el código rel=“me”, pero si ves el código fuente de la página, o cargas la página usando wget o alguna herramienta similar, no estará allí ya que se genera del lado del cliente. Un rastreador no verá ese código.

Si tú lo dices…

Sé que puedo agregar HTML al pie de página para verificarme solo a mí mismo, pero quiero que mis usuarios puedan ingresar su URL de Mastodon como un campo personalizado, que se muestre en sus páginas de perfil y que también lo usen para verificarse.

2 Me gusta

Para asegurarnos de que estamos en la misma página, ¿estás intentando permitir que tus usuarios se verifiquen en Mastodon a través de tu sitio de Discourse haciendo algo similar a lo que se describe aquí: Get verified on Mastodon with your website | Opensource.com?

Si es así, tal vez pedir a los usuarios que agreguen el enlace a una publicación normal o a su biografía funcionaría. Cualquiera de esas opciones aparecería en la vista del rastreador del sitio. No creo que sea posible anular una plantilla de rastreador desde un componente de tema: Header Submenus - #134 by awesomerobot.

El problema que estoy encontrando es que Discourse elimina automáticamente el atributo rel="me" de los enlaces. A menos que haya una solución para eso, el atributo podría necesitar ser agregado a AllowLister a través de un plugin. No estoy al día en la integración de Discourse/Mastodon, pero esto podría ser algo útil para otros sitios.

1 me gusta

Ah. Eso es diferente.

Creo que si lo configuras para que se muestre en la página de perfil (para que esté disponible en la página) entonces puedes usar un componente de tema para añadirlo en algún outlet de plugin, y luego añadir algo de CSS para ocultar su visualización predeterminada.

Eso es todo lo que sé sin abrir un editor y mirar el código existente. Pero tal vez sea una pista suficiente.

Lo hice, pero el problema persiste en que (creo) los Componentes de Tema siempre se renderizan del lado del cliente, y su salida no será visible para los rastreadores. Dejaré esta idea por ahora, me está volviendo loco :slight_smile:

Oh! Lo siento. No pude prestar atención a todo esto a la vez. Sí. Necesitarás el plugin para agregarlo a la versión sin javascript, así que tendrás que anular la plantilla de rails, supongo.

1 me gusta