plugins - títulos - titulo wordpress

Addthis: Cambio de descripción, título y URL enviados

Question

Estoy construyendo un foro en PHP y quiero que los usuarios puedan compartir el título y la descripción de cada publicación en Facebook, Twitter, etc. usando el complemento social Addthis. Aquí está el código que Addthis me ha dado:

    <!-- AddThis Button BEGIN -->
    <div class="addthis_toolbox addthis_default_style "
        addthis:url="www.example.com"
        addthis:title="Example Title"
        addthis:description="Example Description">
    <a class="addthis_button_preferred_1"></a>
    <a class="addthis_button_preferred_2"></a>
    <a class="addthis_button_preferred_3"></a>
    <a class="addthis_button_preferred_4"></a>
    <a class="addthis_button_compact"></a>
    <a class="addthis_counter addthis_bubble_style"></a>
    </div>
    <script type="text/javascript" src="http://s6.addthis.com/js/154/addthis_widget.js#pubid=rd-39e8r89e9er8er989"></script>
    <!-- AddThis Button END -->

Pude cambiar la URL a otra que he especificado, pero cambiar el título y la descripción no tiene ningún efecto. De hecho, ni siquiera aparecen cuando hago clic en el botón Compartir y lo publico en mi muro de Facebook. ¿Cuál es la forma correcta de hacer que esto funcione?

Answer 1

AddThis específico recomienda que use metaetiquetas del protocolo Open Graph para especificar qué mostrar

Recomendamos encarecidamente el enfoque de etiquetado de páginas para pasar los parámetros de su widget a nuestras API

Entonces, en tu caso deberías tener el código miente de que es original:

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s6.addthis.com/js/154/addthis_widget.js#pubid=rd-39e8r89e9er8er989"></script>
<!-- AddThis Button END -->

y cambie su encabezado para incluir las meta addThis, en su ejemplo, como:

<meta property="og:url" content="http://www.example.com" />
<meta property="og:title" content="Example Title" />
<meta property="og:description" content="Example Title Description" />
<meta property="og:image" content="http://www.example.com/logo.gif" />

Esto evita cualquier problema que pueda encontrar en la API de cliente.

Answer 2

Di vueltas y vueltas antes de encontrar esto en el sitio web de AddThis:

Establecer la URL y el título para compartir

... para nuestras herramientas más nuevas, use los parámetros url de datos y título de datos ...

Estoy usando su último código (addthis_sharing_toolbox en lugar de addthis_toolbox) y todo lo que pude encontrar fueron personas que usaban addthis:url="" que no funcionaba.

Answer 3

AddThis no admite oficialmente todos estos parámetros por lo que puedo decir (no puedo encontrarlos todos en un solo lugar en su documentación), por lo que idealmente debería usar etiquetas de OpenGraph en la página en la que se encuentra. Pero en todo caso...

Debe especificarlo en los botones personalizados, no en la caja de herramientas. Incluso puedes especificar la imagen. Si sus botones tienen que venir de AddThis en lugar de especificarlos usted mismo, no estoy seguro.

<div class="addthis_sharing_toolbox">
    <a class="addthis_button_facebook"
        addthis:url="http://google.com/"
        addthis:title="Here''s a title"   
        addthis:media="http://images.google.com/example.png" 
        addthis:description="Here''s a cool description">
        <i class="ico ico-facebook"></i>
    </a>

    <a class="addthis_button_twitter"
        addthis:url="http://google.com/"
        addthis:title="Here''s a title"   
        addthis:media="http://images.google.com/example.png" 
        addthis:description="Here''s a cool description">
        <i class="ico ico-twitter"></i>
    </a>

    <a class="addthis_button_linkedin"
        addthis:url="http://google.com/"
        addthis:title="Here''s a title"   
        addthis:media="http://images.google.com/example.png" 
        addthis:description="Here''s a cool description">
        <i class="ico ico-facebook"></i>
    </a>
</div>

La documentación de AddThis apesta, así que me topé con las cosas correctas y descubrí esto. ¡Disfrutar!