AddThis Pinterest Widget bietet Bilder die ich nicht anbieten möchte, wie zB Nav Buttons, Werbung.

Question

Wenn ich auf die Schaltfläche "AddThis Pinterest" klicke, öffnet sich das Feld auf dem Bildschirm und bietet eine Vielzahl von Bildern von meiner Seite. Cool. Unter den angebotenen sind jedoch körnige, vergrößerte Teile von Navigationsschaltflächen, Bannerwerbung und andere Bilder, die relevant sind. Auf der gleichen Seite, die Favoritenleiste PinIt Taste (von Pinterest selbst) tut es "richtig", das heißt es bietet nur sinnvolle Bilder; keine Navigationsschaltflächen enthalten.

Wie kann ich ausgewählte Bilder von der AddThis Pinterest Widget-Box ausschließen?

Vielen Dank im Voraus an alle, die helfen können.

Answer 1

Wenn Sie ein einzelnes Bild für Pinterest angeben möchten, müssen Sie den Pfad zu diesem Bild als Wert der pi:pinit:url-Eigenschaft angeben.

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

Answer 2

Der eigentliche Weg, um ein Bild zu zwingen, ist die "Medien", und nicht die "url" Option:

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

Answer 3

AddThis Pinterest hat die Unterstützung für "at_include" und "at_exclude" Klassen für Bilder .

Voll Beitrag hier: http://support.addthis.com/customer/portal/articles/1300322-pinterest-image-sharing#.UuAnmrvTm2x

Fügen Sie Bilder

Sie können die Aktie Vorschau anweisen, nur mit der „image_include“ Konfigurationsoption bestimmte Bilder von die Seite zu packen. Setzen Sie zunächst image_include auf Ihren gewünschten Klassennamen (ID-Selektoren sind nicht zulässig, nur Klassenselektoren), und fügen Sie dann denselben Klassennamen zu jedem der Bilder auf der Seite hinzu, die erfasst werden soll. Fügen Sie für image_include, nicht den Selektor '.' Hinzu. Hier ein Beispiel:

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

Sobald image_include mit einer Klasse definiert wurde, fügen Sie diese Klasse die gewünschten Bilder auf der Seite. In diesem Beispiel sind die einzigen Bilder auf die Seite, die erfasst wird, sind die Bilder mit der Klasse at_include (img1.jpg und 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" /> 

ausschließen Bilder

Sie können die Aktie Vorschau anweisen mithilfe der image_exclude Konfigurationsoption bestimmte Bilder aus der Seite zu ignorieren. Setzen Sie zunächst image_exclude auf Ihren gewünschten Klassennamen (ID-Selektoren sind nicht zulässig, nur Klassenselektoren), und fügen Sie dann denselben Klassennamen zu jedem der Bilder auf der Seite hinzu, die ignoriert werden sollen. Fügen Sie für image_exclude nicht den Selektor '.' Hinzu. Hier ein Beispiel:

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

Sobald image_exclude mit einer Klasse definiert wurde, fügen Sie diese Klasse die gewünschten Bilder auf der Seite. In diesem Beispiel ist das einzige Bild auf der Seite , das erfasst wird, das Bild, das nicht über die Klasse at_exclude (img2.jpg) verfügt.

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

Bild-Container

Sie können auch die Aktie Vorschau anweisen Bilder von einem bestimmten Behälter zu packen, wie alle Bilder innerhalb der Klasse oder id enthalten, die einen Pinterest Share-Taste hat. Dies kann sehr hilfreich sein, wenn dort mehrere Pinterest Share-Buttons auf der Seite sind. Denken Sie daran, dass die Pinterest Freigabe-Taste innerhalb des gleichen Containers sein muss, in dem sich die Bilder befinden. Beachten Sie auch, dass image_container den Selektor '.' Oder '#' haben muss. Hier ein Beispiel:

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

Sobald image_container mit einer Klasse definiert wurde, fügen Sie diese Klasse die auf der Seite gewünscht wird. In diesem Beispiel sind die einzigen Bilder auf der Seite , die erfasst werden, die Bilder, die im Bereich shared_content enthalten sind.

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