@yesi79 RSS

UX Designer

Archive

May
7th
Mon
permalink
May
2nd
Wed
permalink
permalink
permalink
May
1st
Tue
permalink
Apr
26th
Thu
permalink
permalink

Fix to Vertical Count @Pinterest #PinItButton Bug

You can generate the Pinterest Pin It Button Code on their website here: http://pinterest.com/about/goodies/

The Bug:

If you generate the HTML for the Vertical Count Pin It Button, you’ll find that the button does not work.  You can pin with the button, but the Vertical Count is not visible.

To correct this Bug:

I discovered that the Pin It Button builder generates HTML with the URL as the first parameter followed by MEDIA (image URL) and description.   To fix the bug, simply place the MEDIA parameter first to enable the button to work.

Here is the code:

When you copy this code, you’ll need to replace the quote characters.  For some reason, tumbler escapes the ” charater.

<a href=”http://pinterest.com/pin/create/button/?media=http://www.eyeona.com/images/site/logo@2x.png&url=http://www.eyeona.com/&description=DESCRIPTION” class=”pin-it-button” count-layout=”vertical”><img border=”0” src=”//assets.pinterest.com/images/PinExt.png” title=”Pin It” /></a>

<script type=”text/javascript” src=”http://assets.pinterest.com/js/pinit.js”></script>

Example

(Tumbler alters the code, so only the horizontal count is visible below.  You may also have to hit refresh to see count)

Eyeona.com

Apr
25th
Wed
permalink
Apr
24th
Tue
permalink
permalink