Link zu "Pin it" auf pinterest, ohne eine Schaltfläche zu generieren

Ich habe eine Seite mit zehn oder Hunderten von Beiträgen, jeder mit sozialen Schaltflächen. Ich kann einfach nicht alle Schaltflächen für jede URL generieren: Es ist zu langsam (Facebook, G +, Twitter, Pinterest ... für Hunderte von Links). Anstelle des Facebook-Share-Buttons, der im laufenden Betrieb generiert werden soll, verwende ich ein einfaches Bild, auf das ich verweise

https://www.facebook.com/sharer.php?u=${url_of_current_post}&t=

Wenn der Benutzer darauf klickt, wird ein Popup-Fenster mit Inhalten geöffnet, die von Facebook generiert wurden.

Wie kann ich das für Pinterest machen? Ich finde nur Code, um die Schaltfläche zu generieren, aber ich möchte js nach Möglichkeit überhaupt vermeiden. Gibt es so etwas wie das Folgende?

http://pinterest.com/pinthis?url=${url_of_current_post}

Bitte versuchen Sie nicht, mich dazu zu bringen, den js-Button zu benutzen, danke.

Der Standard-Pinterest-Schaltflächencode (den Sie hier generieren können ) ist ein <a>Tag, das einen <img>der Pinterest-Schaltflächen umschließt.

Wenn Sie das pinit.jsSkript nicht in Ihre Seite aufnehmen, <a>funktioniert dieses Tag "wie es ist". Sie können die Benutzererfahrung verbessern, indem Sie Ihren eigenen Klick-Handler für diese Tags registrieren, die ein neues Fenster mit den entsprechenden Abmessungen target="_blank"öffnen , oder zumindest das Tag erweitern, um Klicks in einem neuen Fenster zu öffnen.

Die Tag-Syntax würde folgendermaßen aussehen:

<a href="http://pinterest.com/pin/create/button/?url={URI-encoded URL of the page to pin}&media={URI-encoded URL of the image to pin}&description={optional URI-encoded description}" class="pin-it-button" count-layout="horizontal">
    <img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" />
</a>

Wenn die Verwendung der JavaScript-Versionen von Freigabeschaltflächen die Ladezeiten Ihrer Seite beeinträchtigt, können Sie Ihre Website mithilfe asynchroner Lademethoden verbessern. Ein Beispiel dafür finden Sie in meinem GitHub Pinterest-Schaltflächenprojekt mit einer verbesserten HTML5-Syntax .

Wenn Sie einen einfachen Hyperlink anstelle der Pin-It-Schaltfläche erstellen möchten,

Ändere das:

http://pinterest.com/pin/create/button/?url=

Dazu:

http://pinterest.com/pin/create/link/?url=

Eine vollständige URL könnte also einfach so aussehen:

<a href="https://pinterest.com/pin/create/link/?url=http%3A%2F%2Fwww.flickr.com%2Fphotos%2Fkentbrew%2F6851755809%2F&media=http%3A%2F%2Ffarm8.staticflickr.com%2F7027%2F6851755809_df5b2051c9_z.jpg&description=Next%20stop%3A%20Pinterest">Pin it</a>

Ich hatte die gleiche Frage. Dies funktioniert hervorragend in Wordpress!

<a href="https://pinterest.com/pin/create/link/?url=<?php the_permalink();?>&amp;description=<?php the_title();?>">Pin this</a>

In solchen Fällen fand ich den Share Link Generator sehr nützlich. Er hilft beim Erstellen von Facebook-, Google+, Twitter-, Pinterest- und LinkedIn-Share-Buttons.

Ich habe einen Code für WordPress gefunden:

 <script type="text/javascript">

    function insert_pinterest($content) {
        global $post;
        $posturl = urlencode(get_permalink()); //Get the post URL
        $pinspan = '<span class="pinterest-button">';
     $pinurl = '';
     $pinend = '</span>';
        $pattern = '//i';
        $replacement = $pinspan.$pinurl.'$2.$3'.$pindescription.$pinfinish.''.$pinend;
        $content = preg_replace( $pattern, $replacement, $content );
        //Fix the link problem
        $newpattern = '/<span class="pinterest-button"><\/a><\/span><\/a>/i';
     $replacement = '';
     $content = preg_replace( $newpattern, $replacement, $content );
     return $content;
    }
    add_filter( 'the_content', 'insert_pinterest' );

    </script>

Dann fügen Sie Folgendes in Ihr PHP ein:

<?php $pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' ); ?>
<a href="http://pinterest.com/pin/create/button/?url=<?php echo urlencode(get_permalink($post->ID)); ?>&media=<?php echo $pinterestimage[0]; ?>&description=<?php the_title(); ?>">Pin It</a>

Sie möchten also, dass der Code auf die Pin-It-Schaltfläche gesetzt wird, ohne die Schaltfläche zu installieren? Wenn ja, fügen Sie diesen Code einfach anstelle der URL der Seite ein, von der aus Sie anheften. Es sollte als Pin-It-Taste ohne Taste fungieren.

javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());

Sie können einen benutzerdefinierten Link wie hier beschrieben mit einem kleinen jQuery-Skript erstellen

$('.linkPinIt').click(function(){
    var url = $(this).attr('href');
    var media = $(this).attr('data-image');
    var desc = $(this).attr('data-desc');
    window.open("//www.pinterest.com/pin/create/button/"+
    "?url="+url+
    "&media="+media+
    "&description="+desc,"_blank","top=0,right=0,width=750,height=320");
    return false; 
});

Dies funktioniert für alle Links mit Klassen, bei linkPinItdenen das Bild und die Beschreibung in den HTML 5-Datenattributen data-imageund gespeichert sinddata-desc

<a href="https%3A%2F%2Fwww.flickr.com%2Fphotos%2Fkentbrew%2F6851755809%2F" 
   data-image="https%3A%2F%2Fc4.staticflickr.com%2F8%2F7027%2F6851755809_df5b2051c9_b.jpg" 
   data-desc="Title for Pinterest Photo" class="linkPinIt">
    Pin it!
</a> 

siehe dieses Beispiel