Pinterest Sharing System by BOP5 for VB 3.8 & VB 4.x! (Pinterest Pin Button Mod)

[BirdOPrey5]

Brought to you by BirdOPrey5
www.Qapla.com (http://www.qapla.com/mods/)

A BIG Thank You to all for voting this May 2012 Mod of the Month! (https://vborg.vbsupport.ru/showthread.php?t=282271)

Version 1.04 - Added showpost compatibility
Version 1.01 - Compatibility fix for dbtech Advanced Thanks/Like mod
Version 1.0 - Initial (Non-Beta) Release

This mod is compatible with all VB 3.8 and 4.x versions released to date. It has been tested on VB 3.8.7, VB 4.1.11, and VB 4.2.0 and should work on older and newer versions as well.

Live Demos:
VB4 Demo: Pinterest Share Demo at Qapla.com (http://www.qapla.com/mods/showthread.php/352-Pinterest-Share-Demo)
VB3 Demo: Pinterest Share Demo Thread - JUOT - Joe's Ultimate Off Topic (http://www.juot.net/forums/showthread.php?t=73268)

Pinterest (http://www.pinterest.com) is the next big thing in Social Media. It offers a very intuitive and friendly interface for users to share the things they like, use, and appreciate.

Unlike with Facebook or Twitter Pinterest absolutely requires some sort of visual representation of what you are sharing- this takes the form of a thumbnail image of a larger image or a thumbnail of a video.

Previously even if you could incorporate the Pinterest Pin button code into vBulletin there was no way to associate a unique image with every post.

This mod will search east post for any of the following. Priority is given to higher ranked items. The first instance of the first item type found will become the thumbnail sent to Pinterest. Each item can be enabled or disabled from the mod settings.

1) First it will look for YouTube videos. (Either embedded with [VIDEO] BBCode OR regular YouTube links OR YouTube videos embedded with the AME mod.

2) If no YouTube video is found it will next look for links to any external images. These are images that use the BBCode.

3) If no external images are found it will look for any inline attachments. In the settings you can specify whether it should share the full sized attached image or only the thumbnail. Guests must have permission to download attachments or to see thumbnails for this option to work.

4) If none of the above find anything the mod can use this option will use avatar of the poster as the thumbnail sent to Pinterest.

5) If the user has no avatar as a last resort you can specify a link to a default forum image (perhaps the forum logo?) that will be submitted as the thumbnail.

Pinterest will not accept any Pins that do not contain a valid, guest accessible, image thumbnail.

You can choose the default description text. You can take text from the post itself, the thread title, or the forum META description. In any case the user always has the option to edit the description before submitting it to Pinterest.

The mod also contains a number of settings that allow you to choose how you want the Pinterest button to look, where you want it, and other basics such as what forums, styles, or usergroups to disable but button for or in.

The mod uses auto template edits for basic use however power-users will want to opt for the manual template edits (explained below) for even better customization and positioning of the Pinterest Pin Button.

Known Issues:
Using the recommended locations and settings the mod is working well on VB 3.8 and VB 4.x as you can see in the demo links above. However adding the Pinterest button causes some visual changes in some browsers.

For example in VB 4 with Chrome browser if you quick-edit a post with the Pinterest button the editor toolbar is pushed down lower than normal. Everything works it's just different than you are used to. In Firefox however the editor toolbar looks fine.

In VB 3 in the post message area location the "numbers" from the pin button are outside the border of the main table. This is somewhat on purpose- I think having the count outside the box draws more attention to them. Unfortunately if you don't like that all I can suggest is to disable the count completely because I am not a style expert. You are free however to do the manual template edit including in the instructions (and below) to find the perfect spot for your Pin button on your style(s).

Please [I]Mark as Installed if you use this. :)
Donations Always Appreciated. :up:

[BirdOPrey5]

Manual Template Edits

If you have a customized style and the auto edits don't work, or you simply want more control over where the button is and how it looks make one of the manual edits below.

If you are using VB 4.x:

Edit the template postbit or postbit_legacy depending on which one you use on your forum.

Find the code: <div class="content<vb:if condition="$show['first_ad'] OR $show['last_ad']"> hasad</vb:if>">

Directly before (or above) that code paste in: {vb:raw template_hook.postbit_bop_pinterest}

This will show the Pinterest button in the default VB4 location. Feel free to move the template_hook code anywhere in the postbit template for your own custom solutions.

Edit the template postbit_pinterest_vb4 to further customize the button.


If you are using VB 3.x:

Edit the template postbit or postbit_legacy depending on which one you use on your forum.

Find the code: <div id="post_message_$post[postid]">

REPLACE that code with this code: <div id="post_message_$post[postid]" style="min-height:60px; position:relative; "> $template_hook[postbit_bop_pinterest]

This will show the Pinterest button in the default VB3 "message Area" location. Feel free to move the template_hook code anywhere in the postbit template for your own custom solutions.

Edit the template postbit_pinterest_vb3 to further customize the button.

[datoneer]

Doesn't work cannot see anything

[BirdOPrey5]

1) Did you enable the mod and choose the settings (button location and enabled searches(video/image/attachment/etc..)) ?

2) If you did and you have a heavily customized style (like the forum in your sig) you may need to do a manual template edit-
Search your postbit_legacy template and see if you have this line:
<div class="content<vb:if condition="$show['first_ad'] OR $show['last_ad']"> hasad</vb:if>">
If you don't or it's not exactly that you will need to do a manual edit.

3) I forgot to mention this mod likely will not find images or attachments if you use the DbTech Advanced Post Thanks/Like mod. Not sure if that applies.

Also please give me a link to a post that actually has an image or video in it- I browsed a few threads on your forum and couldn't find any such content.

[Hornstar]

Shame it does not work with the thanks mod from dbtech

[BirdOPrey5]

Shame it does not work with the thanks mod from dbtech

It would still find videos and it would still allow avatar or forum logo sharing- just external images and attachments won't work.

I downloaded the dbtech mod to see if I could figure out a way to make them compatible but I can't make heads or tails of dbtech code.

If dbtech could fix their mod so they don't parse the $post['pagetext'] value- or even if they copied $post['pagetext'] to something like $post['noparse'] before parsing I could easily add code to detect if their mod is installed and if so use the alternate $post['noparse'] value when searching for images and attachments.

Those with a coding background may ask why don't I just search the parsed text for images <img> instead of [IMG]. The answer is because if I search parsed text for images and the first image is simply a smiley then the smiley would be the "thumbnail" which isn't going to work well for sharing on Pinterest.

Let me try and contact them and see if they have a solution.

[BirdOPrey5]

A big thanks to dbtech for getting back to me quickly with a fix for the conflict.

Version 1.01 released which should work fine the the Advanced Thanks/Like mod. :up:

[larrydude]

It Works!!!! You are awesome!!!!!!!!!!!!!!!!!!!!!!!!

[faisaly.com]

Where does this pin the info to, google? not sure I get this... nothing mentioned really what this does... only that it grabs pics and videos from post unlike twitter and facebook, but where do they get posted...

[BirdOPrey5]

They get posted to the social networking site "Pinterest" - http://pinterest.com

It's a relatively new fast growing social media site. I think it's currently ranked the 4th largest behind Facebook, Twitter, and YouTube.

[faisaly.com]

K thanks never heard of them but I know facebook has this app free to use... so if you posted to facebook you could then use the app to post to pinterest but it would be xtra steps so i can see where your mod makes it easier....

[Gemma]

Thanks for this. Works really well :)

[Hornstar]

You must 'Like' someone else's post before liking any more by BirdOPrey5.

:)

Thanks.

[stl7997]

Works great! Thanks for this. Nominated for MOTM.

[BirdOPrey5]

Works great! Thanks for this. Nominated for MOTM.

Thanks! :D

[wacnstac]

I love the hack, have installed the plugin on 3.8 and have done the manual template edit on postbit, but don't see anything. Maybe the $template_hook[postbit_bop_pinterest] is not working as when I view my source I do see the min-height:60px but nothing after that close div.

[wacnstac]

Should the manual template edit really be $template_hook[postbit_pinterest_vb3]
instead of $template_hook[postbit_bop_pinterest]?????

[wacnstac]

Nevermind. It is working now. It appears that Pinterest had some lagging issues this morning.

[BirdOPrey5]

Glad it is working. :up:

Yes Pinterest is growing so fast they tend to be down sometimes. Twitter had the same growing pains in their early days. Still do to a point.

[juliannova]

Great mod. What about the albums how can put the code so people can pin photos

[BirdOPrey5]

Albums, blogs, and the like will be addressed in future versions.

[juliannova]

thanks

[Taurus1]

Hey Joe, for some reason with some posts the 'pin it' image is not completely aligned to the right. Can you perhaps help with that? Thanks.

137785

[BirdOPrey5]

Can I get a link to that post?

[Taurus1]

Can I get a link to that post?

Here you go: http://creativx.net/forums/windows-7-themes-tiger/102089-windows-seven-themes-nvidia-ultimate-tiger-gsw953-thebull-creativx-5.html#post520938

[BirdOPrey5]

Here you go: http://creativx.net/forums/windows-7-themes-tiger/102089-windows-seven-themes-nvidia-ultimate-tiger-gsw953-thebull-creativx-5.html#post520938

That's weird... What browser are you using?

I just checked with IE9, Firefox, and Chrome and they all looked right to me:

https://vborg.vbsupport.ru/attachment.php?attachmentid=137787&stc=1&d=1334500308

[BirdOPrey5]

Oh wait, i registered on your site, I see what it is...

There is a google "ad" to the right of that pinterest button in that post. For some reason the ad is blank, but if the ad wasn't blank it would be in the right place.

Either fix the ad or remove the ad and the pinterest button will look/work right.

[Taurus1]

Thanks Joe....but...ehhh....how to fix that man? But OK, not your mod then, so thank you so much for the best support always. I really appreciate it!

[BirdOPrey5]

Check your ad location templates in your styles or your ad manager in admincp - I'm guessing it is "last post shown" location that has the ad because it only happens on the last post of a page.

[tpearl5]

Can this be used within the facebook_likebutton template to display once per thread next to the facebook like button? Will it also display in blogs and articles if that is the case?

Edit - I guess not since it's made to put in postbit

[BirdOPrey5]

No it won't work once per thread because Pinterest is designed for sharing media and that is usually specific to posts.

If you wanted to show it only on the first post though you could edit the "Pin button in Posts" plugin and find the code:


if ($vbulletin->options['bop5pin_en'] AND
!is_member_of($vbulletin->userinfo, explode(",", $vbulletin->options['bop5pin_groups'])) AND
!in_array($thread['forumid'], explode(",", $vbulletin->options['bop5pin_forums'])) )


and change it to:


if ($vbulletin->options['bop5pin_en'] AND $post['postcount'] == 1 AND
!is_member_of($vbulletin->userinfo, explode(",", $vbulletin->options['bop5pin_groups'])) AND
!in_array($thread['forumid'], explode(",", $vbulletin->options['bop5pin_forums'])) )

[tpearl5]

It just seems like making a call x number of threads to pinterest would add a lot of calls to every thread page load.

Thanks Joe!

[BirdOPrey5]

Actually the javascript loads only once per page. The "calls to pinterest" are just images and once an image is downloaded once the browser doesn't re-download it again anyway. They design it so you can use multiple buttons on one page. :up:

[pete_brady]

any easy way to move the button down to beside the quote / multiquote links?

[tpearl5]

Actually the javascript loads only once per page. The "calls to pinterest" are just images and once an image is downloaded once the browser doesn't re-download it again anyway. They design it so you can use multiple buttons on one page. :up:

Right, I meant the call to get the pin count, which isn't a very large file anyway (0.4kb)

Any idea on how to move the button up next to the post title?

[tpearl5]

fyi, you should consider moving the default location anyway since quotes can hide it. For example:
http://nikonites.com/photo-critique/1937-old-barn-hdr.html#post12524

[tpearl5]

nevermind, I moved it by adding position:relative; top:-35px; to the div to make it:

<div style="position:relative; top:-35px; float: {vb:raw boppin.lorr}; padding-{vb:raw boppin.rorl}: 2px;">"

[BirdOPrey5]

any easy way to move the button down to beside the quote / multiquote links?

nevermind, I moved it by adding position:relative; top:-35px; to the div to make it:

<div style="position:relative; top:-35px; float: {vb:raw boppin.lorr}; padding-{vb:raw boppin.rorl}: 2px;">"

That is a cool location, thanks for sharing.

I'm sorry I don't have any better ideas on where to position the button- playing with CSS frustrates me.

Hopefully more people will be kind enough to release the edits they made to better position the button like tpearl5 did. :up:

I'm using the VB4 default built in position myself until I can find something better.

[deverill2010]

Nominated :)

[BlessedFWI]

Love it! Thank you!

Nominated!!!

[pete_brady]

That is a cool location, thanks for sharing.

I'm sorry I don't have any better ideas on where to position the button- playing with CSS frustrates me.

Hopefully more people will be kind enough to release the edits they made to better position the button like tpearl5 did. :up:

I'm using the VB4 default built in position myself until I can find something better.

is there a hook that can be used to display it in the postbit footer?

[BirdOPrey5]

Love it! Thank you!

Nominated!!!

Thanks!

is there a hook that can be used to display it in the postbit footer?

I don't know what you mean by a postbit footer? There is where the edit/reply/quote buttons are- that is called posbit_controls. And yes there is a template hook there (I have an option to use it in the VB3 version) but you will see if you use it for VB4 the button will be terribly out of place. This is because VB4 requires some sort of additional css to make the button fit properly into the postbit controls area and I don't like messing with CSS.

If you manually edit the postbit or postbit_legacy template you can put the template hook *anywhere* you want.

[pete_brady]

Thanks!



I don't know what you mean by a postbit footer? There is where the edit/reply/quote buttons are- that is called posbit_controls. And yes there is a template hook there (I have an option to use it in the VB3 version) but you will see if you use it for VB4 the button will be terribly out of place. This is because VB4 requires some sort of additional css to make the button fit properly into the postbit controls area and I don't like messing with CSS.

If you manually edit the postbit or postbit_legacy template you can put the template hook *anywhere* you want.

postbit controls - that's the one.

sooo.... how to manually edit the postbit template to put the hook there? (yes, i am an idiot)

[BirdOPrey5]

Go to Admin CP - > Styles & Templates -> Style Manager -> [Choose your style] -> Choose "Edit Templates" from the drop down menu -> Postbit Templates (double click to expand this group.)

Now find either postbit[/B ]or [B]postbit_legacy depending on the one you use and double click on it to open it in the template editor.


Paste in this code wherever you want the Pinterest button to appear:

{vb:raw template_hook.postbit_bop_pinterest}

finally, save the template...

Now check how it looks. It will probably need some adjusting. You will also need to edit the template postbit_pinterest_vb4 to make additional adjustments as needed.

Sorry but that is as much detail as I'm willing to go into making these edits. Quite frankly I don't suggest people try these if they don't already know what they are doing.

[juliannova]

so I can't use this hook or code for the album by manual putting it in....it won't work?

[BirdOPrey5]

There is no easy way of just dropping this code into a different hook, no.

[keng]

We would like to support multiple languages.

Thank you

[BirdOPrey5]

I will see what I can do about the description issue. I'm thinking I can't do much except offer a "blank" description option so the user has to type out their own.

[brandon515]

If a user pins a post that has an image, but that image is linked from another site...will a user be directed to your forum or the site that the image is actually hosted on if they click on it in Pinterest?

Thanks,
Brandon

[BirdOPrey5]

It will always redirect to your forum.

[brandon515]

Awesome, thx. Installed.

Also installed Facebook mod.

[jdougher]

Nice mod. But why doesn't the Pin image show up when images are attached to a thread rather than posted via the IMG tag? I've enabled viewing and downloading of attached images for guests, as explained in the installation file, but still there's no Pin image.

[BirdOPrey5]

Are they inline attachments?

This version only looks for inline attachments. I am working on an update to take a any image attachment.

[doctorsexy]

Works great..thanks

[Dwarden]

would be possible to monitor custom BB codes with the PinInterest plugin ?
e.g. add text field for variable into Admin CP options of the plugin where these can be set

let say i have SoundCloud BB codes [sc] , so i would define it to be pin-able :)

[Dwarden]

another suggestion , would be possible to offer ability to enable / disable for user in his user profile settings ? and if enabled then he could set if allow / not allow javascript variant?

[yesfans]

I am confused on one point. If a post has an Avatar, a pic posted, a pic in the sig line, and maybe a video, how do you choose which one to PIN.

[yesfans]

None the less, MOTM. I think it is a good one and is a little ahead of the curve with the growing interest in that pinterest stuff. My wife plays with that site all the time.
So when it is pinned the pinned item is linked back to my site? If so that is great. MORE EXPOSURE!

[BirdOPrey5]

would be possible to monitor custom BB codes with the PinInterest plugin ?
e.g. add text field for variable into Admin CP options of the plugin where these can be set

let say i have SoundCloud BB codes [sc] , so i would define it to be pin-able :)

Monitoring custom bbcodes may be possible but the thing is they need an IMAGE to be pinned. YouTube is very popular so I manually programmed in a way to pull the thumbnail provided by youtube from the video URL. I could make an option to add [sc] to the list of bbcodes but if it doesn't link to an image the pin will fail. So really the only custom bbcodes would be useful is if they were variants of [img]. So if people had custom IMG bbcodes for aligned images or such they could add their bbcodes to a list.

It is a good idea I will try to implement but I'm afraid it may not work on soundcloud.

another suggestion , would be possible to offer ability to enable / disable for user in his user profile settings ? and if enabled then he could set if allow / not allow javascript variant?

What I could do is add an option for it to work with a Custom User Profile Field you define. It will work basically the same way but the admin will need to setup the profile field. It would be too much work to make a separate profile field generated by this mod- it means database changes and template edits that were otherwise unnecessary.

I am confused on one point. If a post has an Avatar, a pic posted, a pic in the sig line, and maybe a video, how do you choose which one to PIN.

The mod gives priority to any youtube video it finds in the post.
If no video is found it looks for the first external image in the post.
If no external image is found it looks for an inline image attachment in the post...
If none of the above it looks for an avatar
If no avatar it looks to see if you defined a fallback image in settings (like a logo.)

It doesn't look in signatures at all.

None the less, MOTM. I think it is a good one and is a little ahead of the curve with the growing interest in that pinterest stuff. My wife plays with that site all the time.
So when it is pinned the pinned item is linked back to my site? If so that is great. MORE EXPOSURE!

THANKS! Yes it links back to your site.

[yesfans]

So one can not choose which thing to PIN if there are multi things in a post?

[BirdOPrey5]

That is correct, it only pulls the first found element.

I am experimenting with code to choose an image via javascript but it is nowhere near ready, not sure it ever will be. I can't get it to work with the counts... So far it is only working with the static image button.

[CharlieDelta]

The button is showing on every post even with no images or videos. I suspect this should not be the case. What would cause this?

[BirdOPrey5]

If you enabled the option to use avatars or you specified a logo URL those would both cause the Pin button to show on every post.

[CharlieDelta]

If you enabled the option to use avatars or you specified a logo URL those would both cause the Pin button to show on every post.

Thank you for shedding some light. I enabled the URL. :o

[BirdOPrey5]

The URL is there only if the Admin wants to allow sharing of EVERY post, even if there is no image. It's up to you.

[larrydude]

Yay. Voted for MOTM. I hope you win! The mod is just what I needed!

[woffie]

Great mod thanks!

[carsafety]

Thank you for making it vB3.8 compatible! I had some minor formatting issues from some members when using the Postbit placement, but it works great in the post controls area. Voted for MOTM.

[Gemma]

Voted. Pinterest is a cracking wee tool and so is this mod :)

[BlessedFWI]

Voted for MOTM! This is one of my favs. Thank you for taking the time to create such awesome mods.

[RichieBoy67]

I love this but have been unsuccessful trying to get an invite. Can anyone send me an invite please?

Thanks,
Rich

[datoneer]

Works great on 4.1.10. Thanks BOP5. Another awesome mod

[CaneInsider]

I cannot get the mod to show on my threads. Tried the manual template fix and the default instal with nothing showing. Manually tried puting the script in bot the POSTBIT and POSTBIT_LEGACY templates and nothing happens. Do you think this mod is compatiable with the Sidebar Everywhere plugin?

www.caneinsider.com/forum

[BirdOPrey5]

I'd imagine it should be... Please put everything back to normal first, I can't troubleshoot if you've "put the script in the POSBIT" - I don't even know what you mean by that to be honest.

Then give me a ink to a post with an image or video in it so I can see what is going on.

[CaneInsider]

I'd imagine it should be... Please put everything back to normal first, I can't troubleshoot if you've "put the script in the POSBIT" - I don't even know what you mean by that to be honest.

Then give me a ink to a post with an image or video in it so I can see what is going on.

Ok, got it working.

Is there a way to move this into the post bit area under the avatar?

With the sidebar everywhere plugin installed it prevents videos from being shown all the way.

Thanks for all the help and great mods!

[BirdOPrey5]

Please "Mark as Installed" now that it is working. :)

As for moving it to under the avatar should be possible but I'm not really a style person.

At a minimum you would need to go mod settings -> Button Locations in Posts -> to None.

Then manually add the template hook to the postbit(_legacy) template where you want it to appear.

In postbit_legacy you probably want to add the code directly above:
{vb:raw template_hook.postbit_userinfo_right}

Then you may need to edit the postbit_pinterest_vb4 template as well to get it to display properly.

[juliannova]

has the album version been included yet? in version 1.01

[BirdOPrey5]

no.

[tpearl5]

Anyone have any ideas on having a member option to exclude the pin button from their posts?

[tpearl5]

Anyone have any ideas on having a member option to exclude the pin button from their posts?

Actually, I figured this one out as well.

I added a new radio button user field called "Pinterest" with the description "Allow users to pin your photos on Pinterest", make sure it is not private, and put Yes No in for the selection

Since I manually added {vb:raw template_hook.postbit_bop_pinterest} to postbit, I added a conditional around it:

<vb:if condition="$post['fieldX'] != 'No'">{vb:raw template_hook.postbit_bop_pinterest}</vb:if>


Change X to the number of your custom field. Mine is 15 so it looks like this: $post['field15']

[BirdOPrey5]

tpearl5 is right on, that is a good way.

[Glenn_E]

Not sure I get how this will work for the entire vb site. Some forums require registration, while others are guest viewable. Does this mod allow admins to select which forums will allow the pin it button?

[BirdOPrey5]

Yes, the admin can set a list in the settings on what forums should not have the pin button.

[Glenn_E]

Excellent!
At my site, WestCoastGearHeads.com (http://www.WestCoastGearHeads.com) we post tons of automotive type photos within threads... especially from events that we cover. We share on facebook / twitter, but I'm really interested in trying pinterst. Thanks for the mod, I'll download and test when I get back from today's events :)

[BirdOPrey5]

Thank You All for your votes!

Official Winner of the May 2012 Mod of the Month!

Overall there were some great mods last month, more than usual- it was a tough choice, even for me. ;)

[Sunka]

Hi BOP5

I have problem with this Mod and Thanks Mod (Dragonbyte Tech).
With newest version of they mod, when user click on button to give like/thanks for post, if pinterest icon are in that post, after click on like/thanks button Pinterest icon disappear.

I ask for help on they forum, and solution is that you integrate Pinterest mod with showpost.php

Could you please do that?

[djbaxter]

Hi BOP5

I have problem with this Mod and Thanks Mod (Dragonbyte Tech).
With newest version of they mod, when user click on button to give like/thanks for post, if pinterest icon are in that post, after click on like/thanks button Pinterest icon disappear.

I ask for help on they forum, and solution is that you integrate Pinterest mod with showpost.php

Could you please do that?

It works fine with Abe's Thanks mod. :)

[BirdOPrey5]

Hi BOP5

I have problem with this Mod and Thanks Mod (Dragonbyte Tech).
With newest version of they mod, when user click on button to give like/thanks for post, if pinterest icon are in that post, after click on like/thanks button Pinterest icon disappear.

I ask for help on they forum, and solution is that you integrate Pinterest mod with showpost.php

Could you please do that?

That might be a simple fix. I don't have their mod though so I can't easily test it.

Could you please go to the Admin CP -> Plugins & Products -> Plugin Manager

Open/Edit the Plugin from the Pinterest mod called Auto Postbit Edit on the parse_templates hook.

Edit the first two lines from:


if ($vbulletin->options['bop5pin_en'] AND $vbulletin->options['bop5pin_where'] AND THIS_SCRIPT=='showthread'
AND !in_array($vbulletin->userinfo['styleid'], explode("," ,$vbulletin->options['bop5pin_styles'] )))


and change them to:


if ($vbulletin->options['bop5pin_en'] AND $vbulletin->options['bop5pin_where'] AND (THIS_SCRIPT=='showthread' OR THIS_SCRIPT=='showpost')
AND !in_array($vbulletin->userinfo['styleid'], explode("," ,$vbulletin->options['bop5pin_styles'] )))


And Save the Plugin and try again.

Does that add anything to the post after you "like' it? If I'm right it should add maybe just a button without a count- just interested if it does anything at all.

[Sunka]

I change plugin code like you said.

It is half fix now.

When I click on button Like/Thanks/... Pinterest icon do not disappear like before. It just change to icon without number, like you say it would. Little problem is when you click on that icon, it is open in new tab it is not then anymore in same window like popup.

[BirdOPrey5]

I change plugin code like you said.

It is half fix now.

When I click on button Like/Thanks/... Pinterest icon do not disappear like before. It just change to icon without number, like you say it would. Little problem is when you click on that icon, it is open in new tab it is not then anymore in same window like popup.

Good, it let me know I was on the right track. Just released 1.04 with showpost compatibility.

Let me know if it works as expected now.

[Sunka]

Thanks BOP5, but no, it is not working totally OK.
Before you click on Like/thanks button, Pinterest icon with number shows in post. When i put mouse pointer, it shows that link is javascript:void(0) and on click popup shows like it should be.

After click on thanks/like button, post refresh and Pinterest icon is change to icon without number. Click on icon open new tab, and when you put mouse pointer, I see that now is not javascript like before, but link:
http://pinterest.com/pin/create/button/?url=http//:www.pijanitvor.com/showthread.php...

[BirdOPrey5]

Yeah, I was afraid of that... The Ajax call dbech's mod is using loads the new post, but the javascript of the showthread page was already loaded. I added the javascript code to showpost (it works fine in showpost on VB 3.8) but since it's not using the showpost as the full page the javascript isn't being loaded again.

I'm afraid I don't know how I could change this mod any further to force the javascript to reload on the AJAX call by the dbtech mod. It seems like something that would need to be initiated by their mod.

Have you tried using a different location for the Pin button? It seems very weird the whole post needs to reload on a "Like."

[Sunka]

I tried all possible options in ACP, but result is same.
Maybe solution is to move pinterest icon in post track (where is Like button here on vBorg)?

[DragonByte Tech]

Yeah, I was afraid of that... The Ajax call dbech's mod is using loads the new post, but the javascript of the showthread page was already loaded. I added the javascript code to showpost (it works fine in showpost on VB 3.8) but since it's not using the showpost as the full page the javascript isn't being loaded again.

I'm afraid I don't know how I could change this mod any further to force the javascript to reload on the AJAX call by the dbtech mod. It seems like something that would need to be initiated by their mod.

Have you tried using a different location for the Pin button? It seems very weird the whole post needs to reload on a "Like."The reason why the whole post reloads is the fact that the whole - or part of - the post can be hidden, as well as attachments.

It ended up being too much grief to try to manually re-insert those elements into the post on button click, when the showpost.php could do it all with less hassle.

I don't know what JS code you want to load, but if you're using jQuery and its .live() or .on() functions, it works when new elements are inserted into the DOM.


Fillip

[BirdOPrey5]

Thanks for the explanation Fillip.

I'm not using jquery or anything really- the Pinterest Pin button requires a block of javascript code to run to turn their static image into their button with counter. This code must run after all the static images have loaded.

I'm not even sure running it a second time will work but I hope it would.

The Pinterest JavaScript that needs to be called is this:


<script type="text/javascript">
(function() {
window.PinIt = window.PinIt || { loaded:false };
if (window.PinIt.loaded) return;
window.PinIt.loaded = true;
function async_load(){
var s = document.createElement("script");
s.type = "text/javascript";
s.async = true;
s.src = "http://assets.pinterest.com/js/pinit.js";
var x = document.getElementsByTagName("script")[0];
x.parentNode.insertBefore(s, x);

}
if (window.attachEvent)
window.attachEvent("onload", async_load);
else
window.addEventListener("load", async_load, false);

})();
</script>

[DragonByte Tech]

In that case I don't know if these mods will work together period D:

Does your mod work if someone uses Quick Edit on a post? I think that also refreshes the post.

What about if someone expands a deleted post?

Fillip

[BirdOPrey5]

No it doesn't work after a quick edit, it needs to be reloaded... Hmmm.

[Wakey]

When I click the pintrest button I get the popup to post it but when I click Pin It it just reloads the popup with a black image and no description. Nothing gets posted to my pintrest account Where as on the test sites it tells you it was successful and offers you the chance to tweet it.

Any idea whats wrong?

[BirdOPrey5]

Not off hand, link to a thread?

[Wakey]

Does it on all of them but here's one

http://forum.rcflightline.com/showthread.php/589-21-Foot-Wingspan-How-big-is-BIG?p=859#post859

[BirdOPrey5]

Appears to be because your attachments aren't visible to guests... in the mod options make sure the setting Use Attachments? is set to "Thumbnails Only."

[ferreo]

Hi Joe,

First of all nice job on the mod. On my boards the Pin button appears on posts that have inline images via [img] tag, but not on posts that merely have attachments (http://forum.purseblog.com/your-bag-showcase/cvlshopaholic-my-collection-767693.html). Since I use full-sized images as attachments (visible to guests) and not thumbnails, is there a chance you can advise me how to mod the plugin to appear when attachments are present?

Thanks!

[BirdOPrey5]

In the mod settings what is "Use Attachments?" set to?

[ferreo]

In the mod settings what is "Use Attachments?" set to?

"Full Image Attachments". :up:

[BirdOPrey5]

I can't think off hand why it isn't picking up attachments. If you want to PM me an Admin CP login I can check some thing out- but otherwise I'm not even sure where to start looking.

[soaringpine]

Installed. Nice mod.

[BirdOPrey5]

Thanks. Please "Mark as Installed"

https://vborg.vbsupport.ru/external/2013/09/18.jpg

[Fongool]

First off, This is a great Mod...Thank you...It's marked as "installed"...I just have one question,
It shows up fine wherever I have a video posted, but it doesn't show up in the normal posts with just words...Is that the way it's supposed to work/...just on video posts?
Here is a link to the site http://www.creativeliquids.com/forum.php
You can click on any of the video posts and see what I mean...Then click on a regular text post and there is no "pin it" button there.


Thanks

F

[Gemma]

First off, This is a great Mod...Thank you...It's marked as "installed"...I just have one question,
It shows up fine wherever I have a video posted, but it doesn't show up in the normal posts with just words...Is that the way it's supposed to work/...just on video posts?
Here is a link to the site http://www.creativeliquids.com/forum.php
You can click on any of the video posts and see what I mean...Then click on a regular text post and there is no "pin it" button there.


Thanks

F

From the OP

Unlike with Facebook or Twitter Pinterest absolutely requires some sort of visual representation of what you are sharing- this takes the form of a thumbnail image of a larger image or a thumbnail of a video.

Pinterest is for sharing visuals, not text. So if a post only has text in it the pinterest share button won't display because their isn't anything visual to share.

[Fongool]

Ah...ok...I forgot...I'm getting confused with Facebook, Pinterest and Twitter...LOL...I'm trying to cover all the bases...Thanks for reminding me ,,,

F

[Fongool]

For some reason, it's not working...I click "Pin It" and it brings up the pinterest box, and it has all the info in it...Then I click "pin" and it looks like it's pinning it and then another box comes up and asks me to describe my pin, which I do, then after I click "pin" again, it keeps bringing up the description box...and I checked pinterest and nothing shows up...Am I doing something wrong?,,,Can somebody try to pin one of my posts?
Here is the one I tried to pin:

http://www.creativeliquids.com/showthread.php?228-Uncle-Buck-%281989%29

Thanks to anyone who tries this for me.

F

[BirdOPrey5]

For some reason, it's not working...I click "Pin It" and it brings up the pinterest box, and it has all the info in it...Then I click "pin" and it looks like it's pinning it and then another box comes up and asks me to describe my pin, which I do, then after I click "pin" again, it keeps bringing up the description box...and I checked pinterest and nothing shows up...Am I doing something wrong?,,,Can somebody try to pin one of my posts?
Here is the one I tried to pin:

http://www.creativeliquids.com/showthread.php?228-Uncle-Buck-%281989%29

Thanks to anyone who tries this for me.

F

Your threads must be viewable to guests for shares to work, yours are not.

[Fongool]

ok...They are all set for guests to view threads...I was logged in and I am Admin, and it wouldn't let me do it...
Can you try it again please?

Thanks

F

[toon79]

What about a select image option? When there's more than on image in a post it only selects the first one, what if a user wants a different image?

Using the pinterest browser plugin it gives you an option to select the image you want to pin from the page.

[BirdOPrey5]

Just not possible with the code Pinterest supplies. When I have seen the image select code "work" the site reloads to the homepage after saving the pin.

[blackberry]

ahaan super awesome .. the one i was looking for ... Perfect mod thank you BOP :x you rock...!!!

[Jah-Hools]

Can this help generate affiliate income for the forum? (via Skimlinks?... I am not sure what the deal with Pinterest is..)

[djbaxter]

Can this help generate affiliate income for the forum? (via Skimlinks?... I am not sure what the deal with Pinterest is..)

Neither am I. Maybe it can help with brand recognition but I doubt that it will generate any additional revenue for you.

[BirdOPrey5]

Can this help generate affiliate income for the forum? (via Skimlinks?... I am not sure what the deal with Pinterest is..)

No, Pinterest doesn't have anything to do with skimlinks or affiliate revenue. Pinterest lets people share media (pictures mostly, sometimes video) with their "friends" and if their friends like the picture they may click on it and follow a link back to your forum to see if there are more interesting pictures.

I don't personally feel Pinterest is even that great at getting you traffic (facebook and twitter are far better) but a lot of people wanted Pinterest support so here it is.

[turbosatan]

i would really like to be able to integrate this into the albums area. preferably with a bigger button to the right of each image in any album

is it fairly straightforward to integrate this into the album page?

[BirdOPrey5]

It would be completely useless to use this mod on an album page- there would be nothing in common- the code here is getting it's info from the $post array which is only created for posts.

I understand how it would be useful for an albums page but I think you'd be better off starting with just the basic Pinterest button code available from Pinterest itself- it would actually be a lot easier to make it by picture for albums because you would have access to the actual image URL on each page.

NOTE: This will only work if your albums are visible to guests- if they aren't don't bother trying.

[turbosatan]

was just wondering if it might be able to pickup page name or album owner name instead of post title info.

would that be easy enough for me to modify in your code?

[BirdOPrey5]

I can't answer if it's easy or not, depends what is easy for you. :p

There is no "title" supplied by this mod- perhaps you mean the description?

It's created in the plugin Pin Button in Posts

It's commented in the code where it does this.

But this is the snippet...


//Get Description
if ($vbulletin->options['bop5pin_desc'] == 0)
$boppin['desc'] = trim(urlencode(trim($vbulletin->options['description'])));
elseif ($vbulletin->options['bop5pin_desc'] == 1)
$boppin['desc'] = trim(urlencode($thread['title']));
else // ($vbulletin->options['bop5pin_desc'] == 2)
$boppin['desc'] = trim(urlencode(strip_tags(trim($post['message']))));


You can erase all that and just set $boppin['desc'] = to whatever you want. If you can figure out how to get what you want in that plugin.

[Gemma]

Installed again, had to do some changes to get it to display where I wanted.

http://www.arcadejunkies.org/f31/every-walking-dead-zombie-kill-1782/

[justicechick]

Awesome! Was looking for something I didnt have to manually manipulate the templates! Thanks

[Gamelobby]

It would be completely useless to use this mod on an album page- there would be nothing in common- the code here is getting it's info from the $post array which is only created for posts.

I understand how it would be useful for an albums page but I think you'd be better off starting with just the basic Pinterest button code available from Pinterest itself- it would actually be a lot easier to make it by picture for albums because you would have access to the actual image URL on each page.

NOTE: This will only work if your albums are visible to guests- if they aren't don't bother trying.

Can anyone point us in the right direction as to where the Pinterest button code (default from pinterest) might go for other places besides forums.? (video/media, photos/pics, etc)

Also, I see their button code includes a placement code & another script code that needs to go somewhere.?
Where would the 2nd code go.? (header/footer.?)

Thanks

[BirdOPrey5]

Can anyone point us in the right direction as to where the Pinterest button code (default from pinterest) might go for other places besides forums.? (video/media, photos/pics, etc)

Also, I see their button code includes a placement code & another script code that needs to go somewhere.?
Where would the 2nd code go.? (header/footer.?)

Thanks

Since that discussion is unrelated to this mod please make sure it takes place in a separate thread. This thread is for discussion of this mod only.

Thank You.

[fcbsportscards]

Hey Bop5 great mod! I am having an issue where pintrest does not pick up the image if it's an attachment. I have combed the comments here and I see someone else having the issue, but I did not see a solution. I set my settings to attachment only and I have made that attachments are viewable to guests. You got any ideas as to what is wrong?

[fcbsportscards]

Did some more digging Bop5 and I figured it out myself. It was a permissions issue and your mod works great. Thanks for making it.

[tpearl5]

Any ideas for putting the pin button in the lower left of the image?

[BirdOPrey5]

Any ideas for putting the pin button in the lower left of the image?

Interesting... not off hand but will think about it.

[tpearl5]

Interesting... not off hand but will think about it.
Thanks. Or lower right, that would probably be better. I noticed that with a pin button in the image it is more likely to be clicked.
FYI, I just haven't done this on my photo site yet because I haven't figured out how to exclude the pin button per image (I have with this mod, just not with in image pin code) - I know you have to put a nopin = 'nopin' in the img tag, but in my case this is dependent on a custom user field setting.

[GONUMBER6]

I cannot get this to work on one of my forums... not heavily customized either... works good on my other forum.... help?

http://petscantalktoo.com

[BirdOPrey5]

See if it works if you use the default style.

[GONUMBER6]

See if it works if you use the default style.

Not there either. Weird.... :confused:

[GONUMBER6]

Seems to be somehow connected to another modificaiton, postbit collapser. But I have this mod on the other site so I don't know why it's being stubborn.

[alvin_mx]

Great mod!

[gremrock]

Thanks

[Dabbi]

Thank you! At first it wasn't working right even with it enabled but once I read here about the permissions needing to be set right and got the user and forum permissions set to yes for guests it worked perfectly.

[RichieBoy67]

This mod and the share mod do not work on 4.2.2.. also I do not see them working on your demo site.

[RichieBoy67]

I fixed the PInterst issue by adding a Pinterest image locally instead of pulling it from Pinterest. :) Working now.

Just search your templates for //assets.pinterest.com/images/PinExt.png and replace the path with your own Pinterst button.

Actually ther only issue I have been having for some time now is that when submitting an image the page does not redirect to the site and instead leads me to a blank page. The image still gets posted but it used to always redirect back to the site.

[ikymbo]

dont work on my site :(

http://www.worldgamez.net/f78/rakion-hack-autokill-force-zahii-7959/

[DemOnstar]

BOP5 is quite busy at the moment, please be patient for the author to make his post..

There are 2 quality advisers around currently and they are very active. Hopefully they will pass by and help with most queries...

[sjim]

Pin interest offers this script to implement for a hover feature. I wonder if its possible to incorporate this feature into the mod rather than a fixed icon in the upper right of each post.

see here (http://developers.pinterest.com/on_hover_pin_it_buttons/)


To activate On Hover Pin It buttons on your page, just add the data-pin-hover attribute to the SCRIPT tag on your page that calls pinit.js.

<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"
data-pin-hover="true"
></script>

thx. great mod

[Melinda Orr]

This is working great on most of my forum posts. I have run into a snag here:
These are Panjo Marketplace listings in my forum:
Example:
http://www.artisanwhimsy.net/forums/marketplace-listings/773.htm
http://www.artisanwhimsy.net/forums/marketplace-listings/773.htm

It's pulling the first image with link ~ which I understand. How do I have it not choose the first "buy now" image and choose the second image or give the option to choose the image I prefer?
Thanks for any help! Outside of this issue it's working good! Melinda

Running 4.2.1 and this plugin: Integrated Classifieds Plugin - by Panjo https://vborg.vbsupport.ru/showthread.php?t=285283
:confused:

[Wajow-community]

Very nice!! Butt i got a problem, i upload my images in the vbulletin forum butt when i click on pin it i get: This is not a valid image.

What i can do now to can pin it the images that i have uploaded in my forum?

[john7911]

Thank you :)

[Wajow-community]

Very nice!! Butt i got a problem, i upload my images in the vbulletin forum butt when i click on pin it i get: This is not a valid image.

What i can do now to can pin it the images that i have uploaded in my forum?

who can help me with it?

[GeorgeB85]

This was working the other day, and no, it is no longer displaying? Any ideas as to why?

[GeorgeB85]

Does anyone have any ideas why it is no longer showing on my site http://www.kgbeale.com. It was working just fine, and now nothing?

[blackberry]

who can help me with it?
please make sure attachments are shown to guests/unregistered if not .. allow them for guests and it will work

[blackberry]

Does anyone have any ideas why it is no longer showing on my site http://www.kgbeale.com. It was working just fine, and now nothing?
thread/post link please :-s

[Wajow-community]

please make sure attachments are shown to guests/unregistered if not .. allow them for guests and it will work

Yes thnx for helping!

[GeorgeB85]

thread/post link please :-s

http://www.kgbeale.com

[GeorgeB85]

can anyone help?

[Wajow-community]

I have installed for 5month´s its work good butt today i dont see the pin button why?? Evrything work good butt not show now?

[Wajow-community]

can someone help with it?

[Wajow-community]

???????

[ozzy47]

BOP5 is quite busy at the moment, please be patient for the author to answer your question.

[Wajow-community]

BOP5 is quite busy at the moment, please be patient for the author to answer your question.


Hii Ozzy,

Ok i wait for the help...

[Wajow-community]

Maybe you know ozzy the problem? Can you help?

[ladylm11]

Sorry to ask, didnt go through all the thread, but will this work for VB5?

[ozzy47]

Sorry to ask, didnt go through all the thread, but will this work for VB5?

No it will not work as it is on vb5. :(

[ozzy47]

Maybe you know ozzy the problem? Can you help?

No sorry, I don't use Pinterest or this mod, so I could not be much help.

[Wajow-community]

No it will not work as it is on vb5. :(

I use vbulletin 4.2.1..

ok in still wait if it is fixed i donate.

i have search evrything butt stil doesn't appears the pin it button.

[blackberry]

I use vbulletin 4.2.1..

ok in still wait if it is fixed i donate.

i have search evrything butt stil doesn't appears the pin it button.
what is link of your website?

[blackberry]

can anyone help?
you dont have any post with image for guest, thats why Pin button isn't appearing.

[Wajow-community]

I hope bird read the topic.

[GONUMBER6]

Since I upgraded to vb 4.2.2 my "pin count" does not seem to be working. Pins are still pinning, but no count. :(

[indigored]

ü ğ ş ç ö What is exact solution to ?

[JetLee]

Pinterest tells me, "Oops! This is not a valid image."

Running 4.2.2 PL4

It looks like for attachments, it's pulling the "/attachment.php?attachmentid=#####" instead of the actual file name, which Pinterest doesn't like.

[BirdOPrey5]

Unfortunately with vBulletin there is no way to access attachments with their original file names.

[JetLee]

It doesn't make sense to include the "Use Attachments?" function if it's known to not work. Also "Use Avatars?" seems useless since avatar images are too small for Pinterest.


Regarding using attachments, this may be a fix?
https://vborg.vbsupport.ru/showthread.php?t=234340

Post #2 says he uses:
$image = fetch_attachment_path($userid, $post['filedataid'],$thumb,'');


I downloaded his plugin and found the whole section to be:
function fetch_attachment_info($userid, $attachid, $thumb)
{
global $maxcolum, $maxrow, $maxwidth, $maxheight, $page, $vbulletin, $attachmentinfo, $vbphrase;
// read fileid
$output = $vbulletin->db->query_read("SELECT attachment.attachmentid, attachment.filedataid FROM ".TABLE_PREFIX."attachment as attachment WHERE attachment.attachmentid =
".$attachid. "");
$post= mysql_fetch_array($output);

$image = fetch_attachment_path($userid, $post['filedataid'],$thumb,'');
if (file_exists($image))
{
// get image dimensions
list($width, $height, $type, $attr) = getimagesize($image);


// set wath kind of scaling should be used
if ($width>=$height)
{
$output = 'width=100%';
}
if ($height>$width)
{
$output = 'height= 100%';
}
return $output ;
}
}


Maybe this could be helpful? With a baby running around my feet, I don't have the time or attention span to figure out where/how to modify yours.

[JetLee]

It appears that if you can set it to use the userid, filedataid and .thumb or .attach, then Pinterest will recognize it.

For example, Pinterest will NOT Pin this image:
http://buellridersonline.com/forum/attachment.php?attachmentid=4779&d=1426631359

But it WILL pin this one:
http://buellridersonline.com/forum/attachments/7/7/7/7/4044.attach

[GONUMBER6]

I have tried to find out why my post count is not working, the pin it button does work- which is great - but why would the count not work?

Example here: http://tastetestedrecipes.com/succulent-soups/337-taste-tested-outback-steakhouse-potato-soup-recipe.html

Thank you

[Conehead555]

4.1.7

If there's a quote in the post, the Pin includes 'you're ignoring', etc:

https://vborg.vbsupport.ru/external/2015/04/3.png

The quote and reply from the post are merged into one text block when pinned also.