Pinterest.com Pin-it button?

WebKat · 2012-03-02 04:59:42

The buttons for Pinterest.com at present it seems need to be manually coded for each url that you want to add the pin to. It seems like it would be pretty easy to make a plugin that formatted them for you… here is an example of how the button is formatted:

<a href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fexample.com%2Findex.html" class="pin-it-button" count-layout="horizontal">Pin It</a>
<script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script>

I would just use the txp tag that outputs the url in there, but as you see it does the whole %3A%2F%2F thing for :// and so on, which I can’t replicate with a txp tag (that I know of).

Gocom · 2012-03-02 05:36:04

As with many other like and bookmark buttons, this one doesn’t need a plugin. If you need an URL, you can just use Textpattern’s normal tags including permlink, section, site_url and so on. E.g.

<a href="http://pinterest.com/pin/create/button/?url=<txp:permlink />" class="pin-it-button" count-layout="horizontal">Pin It</a>

WebKat wrote:

I would just use the txp tag that outputs the url in there, but as you see it does the whole %3A%2F%2F thing for :// and so on, which I can’t replicate with a txp tag (that I know of).

That is just encoding done by Pin it button editor (which you used, didn’t you). It’s to ensure that the resulting URL is valid no matter what the given URL is. Likely, especially in case of Textpattern, you do may not need it, but if you do, you can encode the string with a help of rah_function plugin and urlencode function, i.e. <txp:rah_function call="urlencode"><txp:permlink /></txp:rah_function>.

WebKat · 2012-03-02 06:15:43

Ah, cool, I didn’t realize rah_function did that. I will have to try it out.

WebKat · 2012-03-02 06:46:50

Ok, can rah_function remove the <img src=" and the " alt="" /> from this:

<a href="http://pinterest.com/pin/create/button/?url=<txp:permlink />&media=http://example.com<txp:article_image />" class="pin-it-button" count-layout="horizontal">Pin It</a>

which comes out as:

<a href="http://pinterest.com/pin/create/button/?url=http://example.com/Misc/downloadable-things&media=<img src="/images/344.jpg" alt="" />" class="pin-it-button" count-layout="horizontal">Pin It</a>

I also looked at rah_replace but couldn’t figure out how to get it to work because of all the symbols… I tried \ escaping them but it didn’t work.

Gocom · 2012-03-02 07:50:46

Instead of article_image, see:

WebKat · 2012-03-02 16:08:18

But I need it to pull the article image for a given page/article… how do I do that with those tags? (thanks for your help!)

MattD · 2012-03-02 17:35:42

<a href="http://pinterest.com/pin/create/button/?url=<txp:permlink /><txp:if_article_image>&media=http://example.com<txp:images><txp:image_url  /></txp:images></txp:if_article_image>" class="pin-it-button" count-layout="horizontal">Pin It</a>

Note: Surrounding the <txp:images/> tag with <txp:if_article_images/> will prevent it from acting on all images if there is not assigned image for that article.

towndock · 2012-03-02 17:48:07

A tad off topic perhaps, but be aware that when you upload any image / content to Pinterest.com, you automatically grant Pinterest IP rights with worldwide rights for distribution and/or sale. It makes Pinterest a much less attractive option.

WebKat · 2012-03-02 19:09:31

I didn’t know that, but my article images are very small icon-like thiings that would serve most other peopleno use at all…

Textpattern CMS

Textpattern CMS support forum

#1 2012-03-02 04:59:42

Pinterest.com Pin-it button?

#2 2012-03-02 05:36:04

Re: Pinterest.com Pin-it button?

#3 2012-03-02 06:15:43

Re: Pinterest.com Pin-it button?

#4 2012-03-02 06:46:50

Re: Pinterest.com Pin-it button?

#5 2012-03-02 07:50:46

Re: Pinterest.com Pin-it button?

#6 2012-03-02 16:08:18

Re: Pinterest.com Pin-it button?

#7 2012-03-02 17:35:42

Re: Pinterest.com Pin-it button?

#8 2012-03-02 17:48:07

Re: Pinterest.com Pin-it button?

#9 2012-03-02 19:09:31

Re: Pinterest.com Pin-it button?

Board footer