AddThis Il widget Pinterest è offereing di immagini che non desidero offrire, ad esempio pulsanti di navigazione, annunci.

Question

Quando faccio clic sul pulsante Pinterest di AddThis, la casella si apre a metà schermo, offere una varietà di immagini dalla mia pagina. Freddo. Tuttavia, tra quelli offerti vi sono parti ingrandite di pulsanti di navigazione, banner pubblicitari e altre immagini rilevanti. Sulla stessa pagina, il pulsante PinIt della barra dei preferiti (da Pinterest stesso) lo fa "correttamente", il che significa che offre solo immagini significative; senza pulsanti di navigazione inclusi.

Come escludere le immagini selezionate dalla casella del widget AddThis Pinterest?

Grazie in anticipo a tutti coloro che possono aiutare.

Answer 1

Se si desidera specificare una singola immagine per Pinterest da utilizzare, è necessario specificare il percorso di tale immagine come valore della proprietà pi:pinit:url.

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

Answer 2

Il modo reale per forzare l'immagine è l'opzione "media", non è l'opzione "url":

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

Answer 3

AddThis Pinterest ha il supporto per "at_include" e classi "at_exclude" per le immagini .

articolo completo qui: http://support.addthis.com/customer/portal/articles/1300322-pinterest-image-sharing#.UuAnmrvTm2x

includere immagini

È possibile indicare la quota di anteprima per afferrare solo immagini specifiche la pagina utilizzando l'opzione di configurazione “image_include”. Per prima cosa, imposta image_include al nome della classe desiderata (i selettori di id non sono permessi , solo selettori di classe), quindi aggiungi lo stesso nome di classe a ciascuna delle immagini sulla pagina che devono essere afferrate. Per image_include, non aggiungere il selettore ".". Ecco un esempio:

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

volta image_include è stato definito con una classe, aggiungere quella classe per le immagini desiderate nella pagina. In questo esempio, le uniche immagini su la pagina che verrà afferrata, saranno le immagini con la classe 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" /> 

Escludi le immagini

è possibile indicare la quota di anteprima di ignorare le immagini specifiche dalla pagina utilizzando l'opzione di configurazione image_exclude. Innanzitutto, imposta image_exclude nel nome della classe desiderata (i selettori di id non sono consentiti , solo selettori di classe), quindi aggiungi lo stesso nome di classe a ciascuna delle immagini sulla pagina che deve essere ignorata. Per image_exclude, non aggiungere il selettore ".". Ecco un esempio:

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

volta image_exclude è stato definito con una classe, aggiungere quella classe per le immagini desiderate nella pagina. In questo esempio, l'unica immagine sulla pagina che verrà afferrata, sarà l'immagine che non ha la classe 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" /> 

immagine Contenitore

È inoltre possibile impostare la quota di anteprima per afferrare le immagini provenienti da una specifica contenitore, ad esempio tutte le immagini contenute all'interno della classe o l'ID che ha un pulsante di condivisione Pinterest. Questo può essere davvero utile se ci sono più pulsanti di condivisione Pinterest nella pagina. Ricorda che il pulsante di condivisione di Pinterest deve trovarsi nello stesso contenitore in cui si trovano le immagini . Inoltre, notare che image_container deve avere il selettore "." O "#". Ecco un esempio:

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

volta image_container è stato definito con una classe, aggiungere quella classe al la desiderata sulla pagina. In questo esempio, le sole immagini sulla pagina che verranno afferrate saranno le immagini contenute nel contenuto condiviso .

<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>