1 (edited by greglumley 2015-08-18 07:14:59)

Topic: Why does Pinterest login window appear before the pin window? [SOLVED]

Hi, I notice that when clicking on the Pinterest button for images the Login window always momentarily displays. I'd really like to make the user interaction as slick as possible and not have this window appear.

To be clear: It displays, checks the user is logged in then transfers to the window it should have gone to in the first place... if the user isn't logged in to their account sure, but if they are this window shouldn't appear at all it should go straight through.

This is not normal practice as the previous plugin I had on my site goes to window #2 immediately without displaying window #1

Here is what I mean:
http://www.greglumley.com/stuff/juicebo … window.jpg


This is code below is what the previously installed plugin generated, this goes strait to the relevant window creating a slicker user experience IMHO

<a class="PIN_1439880215530_pin_it_button_20 PIN_1439880215530_pin_it_button_en_20_gray PIN_1439880215530_pin_it_button_inline_20 PIN_1439880215530_pin_it_above_20 PIN_1439880215530_hazClick" data-pin-href="//www.pinterest.com/pin/create/button/?guid=016soEvCrofg-2&amp;url=http%3A%2F%2Fwww.greglumley.com%2Fwp%2F2015%2F08%2F05%2Fwillem-and-karis-wedding-at-ashanti-estate-in-paarl.html&amp;media=http%3A%2F%2Fwww.greglumley.com%2Fsite_uploaded_files%2F184galleries%2F445/445_wika_f_00006b--0.jpg&amp;description=Willem%20and%20Kari's%20wedding%20at%20Ashanti%20estate%20in%20Paarl%20%E2%80%93%20Greg%20Lumley%20%E2%80%93%20Wedding%20Photographer" data-pin-log="button_pinit" data-pin-config="above"><span class="PIN_1439880215530_pin_it_button_count" id="PIN_1439880215530_pin_count_1"><i></i>101</span></a>

Thank you!

Greg

Re: Why does Pinterest login window appear before the pin window? [SOLVED]

As far as I am aware, there has been no change to the Pinterest code within Juicebox-Pro since it was introduced.
Juicebox-Pro just opens a new window with the Pinterest URL and whatever is displayed in the window is determined by Pinterest. Any difference in what you see in the window (ie. logging in first) might be due to changes at Pinterest's end.

If you see different behavior in different versions of Juicebox-Pro, then please let me know which versions you use so that I can investigate further. Thank you.

Re: Why does Pinterest login window appear before the pin window? [SOLVED]

Hmm I also thought it had to do with the Pinterest side till I reverted back to my previous setup as test... it totally skips the login window and goes straight in ... not a train smash but it would be nice if there was one less step... not distracting a user is key :-)

Re: Why does Pinterest login window appear before the pin window? [SOLVED]

Please let me know what version of Juicebox-Pro skips the Pinterest login.
If I know what version works and what version fails, I can investigate further and log a bug report with the developers if necessary. Thank you.

5 (edited by greglumley 2015-09-17 09:43:39)

Re: Why does Pinterest login window appear before the pin window? [SOLVED]

Hi, sorry for the late reply...  I think this issue is the way the Pinterest link is set up (or code) not a version issue.
It's tricky to explain but I'll try:
Using:
http://www.juicebox.net/demos/pro/sharing/

1) Click Pinterest Sharing icon
2)-> "Login to Pinterest Window Pops up" -> Behind Scenes "is logged in?" then redirect
3) -> Pinterest Boards Display.

Using: (Pinterest plugin Not juicebox) Click the "Pin-it" link below the image.

http://www.greglumley.com/wp/2015/08/25 … eview.html

1) Click Pinterest Sharing icon 
2) -> Pinterest Boards Display.

Using the above code there are only 2 steps which are way smoother from a user experience.

I have found the following format works perfectly, is there a way to "inject" this?

urlencoded::: 
http://pinterest.com/pin/create/button/?media=http%3A%2F%2Fwww.greglumley.com%2Fwp%2Fwp-content%2Fuploads%2F2015%2F08%2FN14A0139-Edit.jpg&url=http%3A%2F%2Fwww.greglumley.com%2Fwp%2F2015%2F08%2F25%2Fashford-castle-wedding-photos-preview.html

urldecoded:::
http://pinterest.com/pin/create/button/?media=http://www.greglumley.com/wp/wp-content/uploads/2015/08/N14A0139-Edit.jpg&url=http://www.greglumley.com/wp/2015/08/25/ashford-castle-wedding-photos-preview.html

Obviously one would have to be logged in via a cookie or session variable which I am..

Any ideas?

Thanks!

G

Re: Why does Pinterest login window appear before the pin window? [SOLVED]

I think this issue is the way the Pinterest link is set up (or code) not a version issue.

I agree. I don't think the Pinterest code within Juicebox-Pro has changed since it was first introduced.

I have found the following format works perfectly, is there a way to "inject" this?

It might technically be possible to override the default functionality of the Juicebox-Pro Pinterest Button but it would take a lot of work (to extract the required information, build up the custom share URL and use it instead of the one Juicebox-Pro currently uses) and such a modification would not be officially supported.

Using your own example, I notice that if you are not already logged in to Pinterest when you click the button, you will be presented with a 'Join Pinterest' window.
If you click the 'Log In' button on this page, then you will then be redirected to the 'Log In' page where you need to click 'Log In' again.

The share URL that Juicebox-Pro uses skips the 'Join Pinterest' page meaning that a user who is not already logged in will have to click 'Log In' only once.

(On the 'Join Pinterest' page, if you enter your existing Pinterest details and click 'Sign Up', this actually logs you in and goes straight to the share page but this seems counter-intuitive, especially as there is a 'Log In' button on the 'Join Pinterest' page which doesn't actually log you in, even though your existing Pinterest details have been entered on the page, but just redirects to a 'Log In' page.)

In any case, I have notified the developers. Thank you for reporting the issue.

Re: Why does Pinterest login window appear before the pin window? [SOLVED]

Thanks for your assistance Steven :-) I think most people will be logged in to Pinterest anyway though... so that login screen wouldn't be an issue ...  most of the wordpress plugins (that I've seen) seem to use the method I've demonstrated.

Being a wedding photographer I want to make it as easy and quick as possible for potential clients to Pin my pictures.. Pinterest is a big part of my marketing... if you get the urge take a look at my Pinterest page :-)

www.pinterest.com/greglumley and you'll see exactly what I mean.. I'm sure other photographers would welcome this (those who have noticed that is)

Have a great weekend!

G

Re: Why does Pinterest login window appear before the pin window? [SOLVED]

Thanks for your assistance Steven :-)

You're welcome. Thank you for taking the time to report the issue and for your additional information and testing.
I agree that the most seamless and streamlined method would be the optimal solution. It might be argued that the current Juicebox-Pro method is more streamlined for existing Pinterest members (displaying the 'Log In' page rather than the 'Join Pinterest' page when not logged in) but less seamless (with the login page always being displayed even briefly when logged in). However,  looking around, it does seem like most web sites opt for the alternative method which does not display the 'Log In' page if already logged in and displays the 'Join Pinterest' page if not logged in.
Ultimately, the design choices are down to the developers. They will certainly investigate the situation further.
I hope you have a good weekend, too!

Re: Why does Pinterest login window appear before the pin window? [SOLVED]

Juicebox-Pro v1.5.0 has just been released and fixes the issue reported in this thread.
Please see this blog entry for details of the new version and the Version History for a full list of changes.
Details on how to get the latest version can be found on the Upgrading Juicebox support page.