Ein Weg, um Pinterest Speichern Schaltfläche die richtige (Hash) URL für ein bestimmtes Foto?

Question

ich eine Galerie von Fotos habe, hat jedes Foto einen eindeutigen ID-Wrapper wie:

<div id="photo123"><img src="photo123.jpg"></div> 
<div id="photo124"><img src="photo124.jpg"></div> 
<div id="photo125"><img src="photo125.jpg"></div> 

Wenn ich diese Seite von einer anderen Seite mit Bildvorschau eingeben, die Seite Link ist wie: http://example.com/gallery1#photo124, die die Seite der scrollt zweites Foto.

Mein Benutzer hat eine Pinterest-Schaltfläche "Speichern" (Chrome), die den "Speichern" -Button über meinen Galeriefotos anzeigt. Wenn Benutzer diese Seite mit URL: http://example.com/gallery1#photo124 eingeben und versucht, "pin" photo id = photo125 - es funktioniert alles gut, außer dem Link - Pinterest speichert das Foto auf Pinterest Benutzer Board mit URL der Seite: http://example.com/gallery1#photo124 - also wenn jemand auf die klickt Pinned Foto auf Benutzer Pinterest Board er geht auf die richtige Seite, aber die Seite ist an einen falschen Ort gescrollt - # photo124.

Gibt es eine Möglichkeit, Pinterest die richtige (hashed) URL für jedes Foto anzuzeigen? Wie zum Beispiel:

<div id="photo123" data-url="http://example.com/gallery1#photo123"><img src="photo123.jpg"></div> 
<div id="photo124" data-url="http://example.com/gallery1#photo124"><img src="photo124.jpg"></div> 
<div id="photo125" data-url="http://example.com/gallery1#photo125"><img src="photo125.jpg"></div> 

Ich konnte keine Dokumente auf diesem finden.

Answer 1

Sieht aus wie ich durch Erraten nicht sehr weit von der Lösung gerade war - die richtige Art und Weise zu zeigen pinterest auf die richtige URL wird von ‚Daten-Pin-url‘ -Attribut:

<div id="photo123" data-pin-url="http://example.com/gallery1#photo123"><img src="photo123.jpg"></div> 
<div id="photo124" data-pin-url="http://example.com/gallery1#photo124"><img src="photo124.jpg"></div> 
<div id="photo125" data-pin-url="http://example.com/gallery1#photo125"><img src="photo125.jpg"></div>