twitter - formatos - ¿Puede un estilo un botón de Tweet personalizado y utilizar los atributos de datos?

twitter conversational ads specs

Question

Estoy creando un botón de Tweet personalizado con mis propios estilos, sin embargo, parece que cuando optas por personalizar el tuyo no puedes usar los atributos de datos (data-text, data-url, etc.). La utilización de los atributos de datos solo parece estar disponible cuando utiliza el botón de estilo de Twitter que usa el widget javascript (http://platform.twitter.com/widgets.js).

Aquí hay un código tomado del sitio web de desarrolladores de Twitter. A continuación se muestra el botón Tweet usando los atributos de datos:

<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<div>
  <a href="http://twitter.com/share" class="twitter-share-button"
    data-url="http://dev.twitter.com/pages/tweet_button"
    data-via="twitterapi"
    data-text="Checking out this page about Tweet Buttons"
    data-related="anywhere:The Javascript API"
    data-count="vertical">Tweet</a>
</div>

Ahora debajo de aquí está el botón ''Crear tu propio'' Tweet:

<style type="text/css" media="screen">
  #custom-tweet-button a {
    display: block;
    padding: 2px 5px 2px 20px;
    background: url(''http://a4.twimg.com/images/favicon.gif'') left center no-repeat;
    border: 1px solid #ccc;
  }
</style>
<div id="custom-tweet-button">
  <a href="http://twitter.com/share?url=http%3A%2F%2Fdev.twitter.com%2Fpages%2Ftweet-button" target="_blank">Tweet</a>
</div>

Espero que todo tenga sentido ...

Answer 1

Por alguna razón, no le permitirán usar los atributos de datos de Javascript con un botón personalizado, por lo que debe agregarlos a la URL en su HTML. Entonces para tu ejemplo:

Luego agregaría &text=your%20text con su texto.

<a href="http://twitter.com/share?url=http%3A%2F%2Fdev.twitter.com%2Fpages%2Ftweet-button&text=my%20text%20here" target="_blank">

Los otros códigos son los mismos, solo agrega &related= etc.

Asegúrese de reemplazar cualquier espacio con %20 y eso es todo.