2012-07-22 10 views
8

Cuando hago clic en el botón AddThis Pinterest, el cuadro se abre en la mitad de la pantalla, lo que ofrece una variedad de imágenes de mi página. Guay. Sin embargo, entre los ofrecidos se incluyen porciones granuladas y granuladas de botones de navegación, anuncios de banner y otras imágenes relevantes. En la misma página, el botón de la barra de favoritos Pinit (de Pinterest) lo hace "correctamente", lo que significa que solo ofrece imágenes significativas; sin botones de navegación incluidos.AddThis Pinterest widget ofrece imágenes que no quiero ofrecer, como botones de navegación, anuncios.

¿Cómo puedo excluir las imágenes seleccionadas del cuadro de widgets de AddThis Pinterest?

Gracias de antemano a cualquiera que pueda ayudar.

Respuesta

1

Si desea especificar una sola imagen para usar Pinterest, debe especificar la ruta a esa imagen como el valor de la propiedad pi:pinit:url.

<a... pi:pinit:url='http://path/to/my/image.jpg'>...</a> 
4

La manera más efectiva para forzar una imagen es la opción de "medios", no es la opción "url":

<a... pi:pinit:media='http://path/to/my/image.jpg'>...</a> 
3

AddThis Pinterest tiene soporte para las clases "at_exclude" para las imágenes "at_include" y .

post completo aquí: http://support.addthis.com/customer/portal/articles/1300322-pinterest-image-sharing#.UuAnmrvTm2x

incluir imágenes

Se puede indicar a la vista previa de la cuota única de tomar imágenes específicas de la página mediante la opción de configuración “image_include”. Primero, configure image_include con el nombre de clase que desee (los selectores de id no son permitidos, solo selectores de clase), luego agregue el mismo nombre de clase a cada de las imágenes en la página que se debe capturar. Para image_include, no agregue el selector '.' He aquí un ejemplo:

<script type="text/javascript"> 
var addthis_config = { 
image_include: "at_include" 
} 

Una vez image_include se ha definido con una clase, agregue esa clase para las imágenes deseadas en la página. En este ejemplo, las únicas imágenes en la página que se tomarán, serán las imágenes con la clase at_include (img1.jpg e img3.jpg).

<img src="http://www.example.com/img1.jpg" class="at_include" /> 
<img src="http://www.example.com/img2.jpg" /> 
<img src="http://www.example.com/img3.jpg" class="at_include" /> 

Excluir Imágenes

Se puede indicar a la vista previa de la cuota de ignorar las imágenes específicas en la página mediante el uso de la opción de configuración image_exclude. Primero, establezca image_exclude en el nombre de clase que desee (los selectores de id no son permitidos, solo selectores de clase), luego agregue el mismo nombre de clase a cada de las imágenes en la página que se debe ignorar. Para image_exclude, no agregue el selector '.' He aquí un ejemplo:

<script type="text/javascript"> 
var addthis_config = { 
image_exclude: "at_exclude" 
} 

Una vez image_exclude se ha definido con una clase, agregue esa clase para las imágenes deseadas en la página. En este ejemplo, la única imagen en la página que se tomará será la que no tenga la clase at_exclude (img2.jpg).

<img src="http://www.example.com/img1.jpg" class="at_exclude" /> 
<img src="http://www.example.com/img2.jpg" /> 
<img src="http://www.example.com/img3.jpg" class="at_exclude" /> 

imagen Envase

También puede instruir a la vista previa de la cuota para tomar imágenes de un contenedor específico, como todas las imágenes contenidas dentro de la clase o la identificación que tiene un botón de compartir Pinterest. Esto puede ser realmente útil si hay múltiples botones de compartir de Pinterest en la página. Recuerde, el botón Compartir de Pinterest debe estar dentro del mismo contenedor en el que se encuentran las imágenes . Además, observe que image_container necesita tener el selector '.' O '#'. He aquí un ejemplo:

<script type="text/javascript"> 
var addthis_config = { 
image_container: ".shared_content" 
} 

Una vez image_container se ha definido con una clase, añaden que la clase a la deseada de la página. En este ejemplo, las únicas imágenes en la página que se tomarán serán las imágenes contenidas en shared_content.

<div class="shared_content"> 
Here's some example text. Images in this div will be grabbed. 
<img src="http://www.example.com/img1.jpg" /> 
<img src="http://www.example.com/img2.jpg" /> 
<a class="addthis_button_pinterest_share"></a> 
</div> 

<div class="another_div"> 
Here's some more example text. Images in this div will not be grabbed. 
<img src="http://www.example.com/img3.jpg" /> 
<img src="http://www.example.com/img4.jpg" /> 
</div> 
Cuestiones relacionadas