Посилання на "закріпити" на pinterest, не створюючи кнопки

У мене є сторінка з десятками чи сотнями публікацій, у кожному - із соціальних кнопок. Я просто не можу генерувати всі кнопки для кожної URL-адреси: вона занадто повільна (facebook, g +, twitter, pinterest ... для сотень посилань). Тож замість фейсбук-кнопки, яку потрібно генерувати на льоту, я використовую простий img, що вказує на

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

Коли користувач натискає на нього, відкриється спливаюче вікно із вмістом, створеним facebook.

Як я можу це зробити для Pinterest? Я знаходжу лише код, щоб створити кнопку, але я хотів би взагалі уникати js, якщо це можливо. Чи є щось таке:

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

Будь ласка, не намагайтеся змусити мене використовувати кнопку js, дякую.

Стандартний код кнопки Pinterest (який ви можете створити тут ) - це <a>тег, який обгортає <img>кнопку Pinterest.

Якщо ви не включите pinit.jsскрипт на свою сторінку, цей <a>тег буде працювати "як є". Ви можете покращити роботу, зареєструвавши власний обробник кліків на цих тегах, який відкриє нове вікно з відповідними розмірами, або принаймні додавши target="_blank"до тегу, щоб зробити його відкритими кліками в новому вікні.

Синтаксис тегів виглядатиме так:

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

Якщо використання версій JavaScript кнопок спільного доступу руйнує час завантаження сторінки, ви можете покращити свій сайт, використовуючи методи асинхронного завантаження. Для прикладу того, як це зробити за допомогою кнопки Pinterest, перегляньте мою проектом кнопки GitHub Pinterest з поліпшеним синтаксисом HTML5 .

Якщо ви хочете створити просту гіперпосилання замість прикріпити кнопку,

Змініть це:

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

До цього:

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

Отже, повна URL-адреса може просто виглядати так:

<a href="https://stackoverflow.com//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>

У мене було те саме питання. Це чудово працює в Wordpress!

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

Для таких випадків я дуже корисний для генератора посилань (Link Link Generator) , він допомагає створювати кнопки спільного використання Facebook, Google+, Twitter, Pinterest, LinkedIn.

Я знайшов код для 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>

Тоді ви поміщаєте в PHP:

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

Отже, ви хочете, щоб код зафіксував його, не встановлюючи кнопку? Якщо так, просто вставте цей код на місце URL сторінки, з якої ви закріплюєте. Вона повинна функціонувати як кнопка закручування без кнопки.

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

Ви можете створити спеціальне посилання, як описано тут, використовуючи невеликий сценарій jQuery

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

це буде працювати для всіх посилань з класом, у linkPinItяких зображення та опис зберігаються в атрибутах даних HTML 5 data-imageтаdata-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> 

див. цей приклад jfiddle