2012-03-27 19 views
11

En lugar de agregar los botones Pin It a través de nuestro sitio, me gustaría simplemente controlar qué imágenes aparecen en los resultados de "Buscar imagen" de Pinterest si un usuario decide fijar una de nuestras URL.¿Puedes controlar los resultados de "encontrar imagen" de pinterest?

A partir de ahora, "Buscar imágenes" permite al usuario desplazarse por las imágenes que encuentra en la página para que puedan seleccionar qué imagen fijar. Las imágenes "encontradas" comienzan con el primer jpg en el archivo html, supongo (¿podría ser una mala suposición?). En nuestro sitio, esto obliga al usuario a desplazarse a través de aproximadamente 15 imágenes de navegación y promoción antes de llegar a la imagen del producto presentado. ¿Hay alguna forma de especificar esta imagen para mostrar primero en esos resultados? ¿Tal vez a través de una metaetiqueta o agregando una clase o identificación al elemento?

Sin una API pública de Pinterest, parece una simple conjetura, pero quería ver si alguien más se ha encontrado con esto, o ha resuelto esto. Gracias.

Respuesta

6

Resolví esto simplemente cargando la imagen antes que todas las demás en la página. En este caso, le di width="0" y height="0" (también podría darle style="position: absolute; left: -9999px; top: 0;" para estar seguro).

Esto no romperá el diseño de la página, pero obligará a Pinterest a encontrar esta imagen primero. El único inconveniente es que el navegador cargará la página algunos milisegundos más lentamente, pero si reutiliza esta imagen más adelante en la página, deberá recuperar el tiempo perdido.

+0

Estoy trabajando en un sitio que muestra imágenes enormes como fondos (necesito 'background-size: cover') pero Pinterest no recoge imágenes de fondo, así que usé este truco. Como un lado estoy usando 'visibility: hidden' en lugar de su solución de posicionamiento absoluto, estoy más cómodo con él y funciona muy bien. – Harry

3
  • Pinterest se encuentra ninguna imagen de <img> etiquetas (se ignoran las imágenes de fondo de CSS) que son al menos 80px x 80px.
  • El orden en que se muestran las imágenes en la lista de Pinterest viene determinado por el orden en que se especifican en el HTML.
  • Como ha descubierto, puede modificar el CSS de una imagen para "ocultarla" sin ocultarla moviéndola fuera de la página con un posicionamiento absoluto o con 0 de alto y ancho. Cualquier imagen configurada en display: none no será recuperada por Pinterest.
0

Desafortunadamente, no hay manera de marcar varias imágenes en su página como preferidas, pero puede marcar una imagen para permanecer en la parte superior de las imágenes cuando alguien la fija. Especificar este meta-tag en <head>:

<meta property="og:image" content="http://YOUR-DOMAIN.com/IMAGE.jpg"/> 

no he encontrado la confirmación oficial para esta función, pero funciona muy bien con addthis sharing plugin.

+0

Puedo confirmar que Pinterest usa el recurso vinculado como og: image. Aunque no estoy seguro si esto es siempre el caso, o si solo ocurre cuando se abre el formulario "pin it" en un diálogo o ventana emergente. – Marian

0

Agregue este script antes de la llamada real a pinterest. Y establecer las imágenes que no desee mostrar con una clase llamada 'Nopin'

   <script type="text/javascript"> 
       var addthis_config = 
       { 
        image_exclude:'nopin' 
       } 
       </script>    
         <div id="toolbox" class="addthis_toolbox addthis_default_style"> 
         <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a> 
         <a class="addthis_button_tweet"></a> 
         <a class="addthis_button_tumblr"></a> 
         <a class="addthis_button_pinterest"></a>             
        </div> 
       </div> 
9

Adición de la nopin attribute excluirá la imagen aparezca en Pinterest:

<img src="..." nopin> 
+0

Esto no funcionó para mí – amo

10

Una gran cantidad de resultados de búsqueda, incluyendo el Pinterest Help Center hablar sobre el uso de nopin en elementos HTML, que es HTML no válido. Lo que no documentan es un atributo de datos para el mismo efecto (bien formado).

<img src="foobar" data-pin-nopin="true" />

+2

No es lo mismo, esos atributos 'data- *' desafortunadamente no funcionan cuando se comparten desde pinterest.com, solo funcionan con widgets/extensiones y posiblemente aplicaciones. –

0

si alguien está usando AddThis, por favor verifica en este tema: http://support.addthis.com/customer/portal/questions/1570789

AddThis tiene algunos, uh, una funcionalidad única que afecta el selector de imágenes presentadas. Como en, cuando solo hay una imagen en la página, ignora la og: imagen definida.

Si establece que se excluya esa imagen solitaria, el selector de imágenes no mostrará ninguna imagen para su selección.

1

Puede indicar que la vista previa compartida solo capture imágenes específicas de la página mediante la opción de configuración "image_include". Primero, establezca image_include en el nombre de su clase deseada (los selectores de id no están permitidos, solo los selectores de clase), luego agregue el mismo nombre de clase a cada una 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" 
} 
</script> 

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" /> 
1

estaba leyendo this blog que sugiere lo siguiente:

  1. Uso del mundial no pin flag para evitar la fijación de todo el sitio
  2. añadir manualmente el Pin It widget a aquellas imágenes que desea hacer pin-poder .

Dado que las herramientas de webmaster de Pinterest parecen tener solo una lista negra, en lugar de una opción de lista blanca (que usted está buscando), esta podría ser una posible solución. Otra ventaja declarada de esto es que también puede suministrar texto sugerido a través del widget Pin It.

El único inconveniente de esto es que puede romper las herramientas de Pin del usuario. Pinterest le permite suministrar un mensaje "denegado" personalizado, así que supongo que puede decir "utilice los botones de contacto de nuestro sitio directamente".

He intentado esto, y funciona. Parece un enfoque decente, al menos hasta que Pinterest considere apropiado agregar algunas herramientas mejores, como una opción de lista blanca de imágenes. El principal inconveniente es la necesidad de agregar botones Pin-it en cada imagen que desee habilitar para sus usuarios &. Es posible que a sus usuarios les moleste que no puedan anclar nada.

Cuestiones relacionadas