Social Sharing Styles and Functionality

mcsean23
(@mcsean23)

12 years, 3 months ago

First off… I love this plugin!!! Really easy to customize and it works really well.

Thank you so much for taking the time to develop this!

My question has to do with social sharing. I’m not sure if you’re familiar with buzzfeed quizzes. It’s basically the same type of thing you’ve created and when you get done with the test, the results are shown and links to share the results on Facebook, Twitter, and email. (here’s an example

Here are my 2 questions or maybe comments:

-The results for the test are automatically added to the social dialog boxes as titles and descriptions on the buzzfeed results, which is really nice. I know the Twitter button does that on the Slickquiz, but I think it’s equally as important for Facebook, too.

-It would be really cool to have the same type of social button layout as is used in buzzfeed’s results. I don’t mean styled the same, just built in the same type of way so we (your loyal fans) can style it according to our needs. You’ll see what I mean by going to that same quiz example I linked above. Currently I’m going to forgo the social on my slickquiz results because they are too small, the results text doesn’t display on Facebook, and there is some kind of funky style I can’t find that won’t let me center them instead of leaving them left-justified. For the time being I’ll use my site’s current sharing features.

Thank you so much for all you’ve done. I love it. I’m using this on podaholics.com and the test quiz i’m putting together is located at this addy, in case you want to check it out. (The results page is very rough still, I’m still working on it!)

Thanks again!
Sean

https://ww.wp.xz.cn/plugins/slickquiz/

Viewing 6 replies - 1 through 6 (of 6 total)

Plugin Author jewlofthelotus
(@jewlofthelotus)

12 years, 3 months ago

@mcsean23 – Thanks for the great feedback!

I agree that the facebook button should pull in the score and quiz info. I looked at how buzzfeed has their buttons set up and I think it should be possible to do something similar.

When I switch to that implementation it will be possible to also create customizable buttons that you’d be able to style. Right now, the buttons for each service are their standard iframe button, so yeah, they’re a pain to style and position – especially because there are heights and widths applied to the iframes.

And wow, your quiz is looking awesome! Thank you for sharing it with me!

I created a new issue to address the share buttons and put it in my list for the next major release, which I HOPE to get out by the end of the month. So keep an eye out!

https://github.com/jewlofthelotus/SlickQuiz-WordPress/issues/39

Thread Starter mcsean23
(@mcsean23)

12 years, 3 months ago

Thanks so much for reading my thoughts!

Honestly, I’ve been blown away with the how great this quiz framework is. I’m really excited to put it to use. I’ve tried so many different plugins over the years and this is one of the best. Really amazing work!

I’ll keep my eyes open for new updates…

Thanks again!

Plugin Author jewlofthelotus
(@jewlofthelotus)

12 years, 3 months ago

Aww, thanks! 😀 Keep the feedback coming, I’m always interested in a new ideas for it! And of course, thanks for using SlickQuiz!
Thread Starter mcsean23
(@mcsean23)

12 years, 3 months ago
Quick note…

You made me think of something when you said “iframe”.

I found that changing the size of the facebook width in the file slickquiz-front.php from 450px to 130px makes the social links more manageable to move around (center on the page or align left or right) and it also removes the horizontal scroll, in mobile, on responsive websites’ results page.

(Note: I changed the widths from 450 to 130 in two places, shown below. )
```
var facebookButton = "<iframe"
                                                + " src=\'//www.facebook.com/plugins/like.php?href=' . urlencode( $this->current_page_url() ) . '&send=false&layout=button_count&width=130&show_faces=false&font&colorscheme=light&action=like&share=true&height=21&amp\'"
                                                + " scrolling=\'no\'"
                                                + " frameborder=\'0\'"
                                                + " style=\'border:none; overflow:hidden; width:130px; height:21px;\'"
                                                + " allowTransparency=\'true\'></iframe>";

                                            shareDiv.append($(facebookButton));
```
Thanks!
Plugin Author jewlofthelotus
(@jewlofthelotus)

12 years, 3 months ago

@mcsean23 Awesome, glad you’re able to get it working. I’ll be working on the plugin this weekend, and very well may be able to get the new buttons in as a part of the changes, so stay tuned! 🙂

Plugin Author jewlofthelotus
(@jewlofthelotus)

12 years, 3 months ago

@mcsean23 The new buttons are in! Grab the newest update and let me know what you think! 🙂

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Social Sharing Styles and Functionality’ is closed to new replies.

Tags