open example debug jquery facebook facebook-like meta-tags

example - Cambiar el atributo de contenido de metaetiqueta de Facebook con JQuery



og facebook (3)

Quiero saber cómo puedo usar JQuery para reemplazar el atributo de contenido de mis metaetiquetas de Facebook.

Busqué StackOverflow y lo que encontré fue este ejemplo:

$("meta[property=og:title]").attr("content", title); $("meta[property=og:url]").attr("content", url);

En mi código tengo las siguientes metaetiquetas:

<meta property="og:title" content="some content"/> <meta property="og:url" content="some content"/> <meta property="og:site_name" content="some content"/>

Cuando ejecuto la función que debería cambiar el contenido de las variables ''título'' y ''url'', el cambio no tiene lugar. Los mismos valores para el ''contenido'' siguen siendo los mismos.

Quiero saber cómo, si es posible, usar JQuery para cambiar el valor de las metaetiquetas de Facebook.


Definitivamente es posible cambiar metaetiquetas usando jQuery, pero no creo que logre lo que desea ya que las etiquetas meta son tiradas por el raspador FB. El raspador FB se apaga y raspa la página para leer las metaetiquetas.

Edición de Meta Tags

Puede actualizar los atributos de su página actualizando las etiquetas de su página. Tenga en cuenta que og: title y og: type solo se pueden editar inicialmente: una vez que su página recibe 50 Me gusta, el título se vuelve fijo y, una vez que su página recibe 10,000 Me gusta, el tipo se vuelve fijo. Estas propiedades se arreglan para evitar que los usuarios sorprendentes que ya hayan querido la página se arreglen. Cambiar el título o las etiquetas de tipo una vez que se alcanzan estos límites no hace nada, su página conserva el título original y el tipo.

Para que los cambios se reflejen en Facebook, debes forzar que se raspe tu página. La página se elimina cuando un administrador de la página hace clic en el botón Me gusta o cuando la URL se ingresa en el URL de Facebook Linter. Puedes forzar programáticamente a que tu página sea eliminada haciendo clic en el linter. Por ejemplo ...

https://developers.facebook.com/docs/opengraph/


Así es como funcionó para mí:

$(''meta[name=og//:url]'').attr(''content'', newVideoUrl);

tenga en cuenta la doble barra invertida, sin ella Jquery fallará con un error.


El raspador de Facebook no ejecuta JavaScript.

Por lo tanto, no se podrá usar Javascript para modificar las metaetiquetas para mostrar contenido compartido diferente.

Tendrá que usar el código del servidor para escribirlos según sea necesario en la fuente HTML.