Tautkan ke "sematkan" di pinterest tanpa membuat tombol

Saya memiliki halaman dengan puluhan atau ratusan posting, masing-masing dengan tombol sosial. Saya tidak bisa membuat semua tombol untuk setiap url: terlalu lambat (facebook, g +, twitter, pinterest ... untuk ratusan tautan). Jadi, alih-alih tombol bagikan facebook untuk dibuat dengan cepat, saya menggunakan img sederhana yang menunjuk ke

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

Ketika pengguna mengkliknya, jendela popup terbuka dengan konten yang dibuat oleh facebook.

Bagaimana saya bisa melakukannya untuk Pinterest? Saya hanya menemukan kode di sekitar untuk menghasilkan tombol, tetapi saya ingin menghindari js sama sekali jika memungkinkan. Apakah ada yang seperti berikut ini?

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

Tolong jangan mencoba membuat saya menggunakan tombol js, terima kasih.

Kode tombol Pinterest standar (yang dapat Anda buat di sini ), adalah <a>tag yang membungkus <img>tombol Pinterest.

Jika Anda tidak menyertakan pinit.jsscript pada halaman Anda, <a>tag ini akan bekerja "sebagaimana adanya". Anda dapat meningkatkan pengalaman dengan mendaftarkan penangan klik Anda sendiri pada tag ini yang membuka jendela baru dengan dimensi yang sesuai, atau setidaknya menambahkan target="_blank"ke tag untuk membuatnya membuka klik di jendela baru.

Sintaks tag akan terlihat seperti ini:

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

Jika menggunakan versi JavaScript dari tombol berbagi merusak waktu muat laman Anda, Anda dapat meningkatkan situs Anda dengan menggunakan metode pemuatan asinkron. Untuk contoh melakukan ini dengan tombol Pinterest, lihat proyek tombol Pinterest GitHub saya dengan sintaks HTML5 yang ditingkatkan .

Jika Anda ingin membuat hyperlink sederhana daripada tombol sematkan,

Ubah ini:

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

Untuk ini:

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

Jadi, URL lengkapnya mungkin terlihat seperti ini:

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

Saya memiliki pertanyaan yang sama. Ini bekerja dengan baik di Wordpress!

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

Untuk kasus seperti itu, menurut saya sangat berguna Share Link Generator , ini membantu membuat Facebook, Google+, Twitter, Pinterest, tombol share LinkedIn.

Saya menemukan beberapa kode untuk wordpress:

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

Kemudian Anda meletakkan yang berikut ini di PHP Anda:

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

Jadi Anda ingin kode ke tombol pin it tanpa memasang tombol? Jika demikian, cukup tempelkan kode ini di tempat url halaman tempat Anda memasang pin. Ini harus berfungsi sebagai tombol pin it tanpa tombol.

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)})());

Anda dapat membuat tautan khusus seperti yang dijelaskan di sini menggunakan skrip jQuery kecil

$('.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; 
});

ini akan berfungsi untuk semua tautan dengan kelas linkPinItyang memiliki gambar dan deskripsi yang disimpan dalam atribut data HTML 5 data-imagedandata-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> 

lihat contoh jfiddle ini