TimVanOerle

Thanks.

It didn’t work, but it gave me the idea to look for the colors in the CSS file of the plugin. In the front.css I changed the following codes.

.slickQuizWrapper ul.answers li.correct,
.slickQuizWrapper ul.responses li.correct p span {
color: #bfbfbf;
}
.slickQuizWrapper ul.responses li.incorrect p span {
color: #bfbfbf;
}

The what character are you quiz is pretty popular for the moment and can count on many shares and likes. After searching after a lot of plugins, this one did the job just fine. Here is how I did it:

Default options
Skip the start button: NO
Randomly sort questions: YES
Randomly sort Answers: YES
Prevent submitting a question: YES
Display (in)correct response after question: NO
Display (in)correct response after quiz: NO
Display the question count: YES
Display the question number: NO
Prevent the score from displaying: YES
Prevent the ranking level: NO
Enable sharing: YES
Share message: [RANK]

New quiz
Quiz Title: xxx
Main copy: leave empty
Result copy: leave empty
Ranking levels
<img src=”https://xxx.jpg”&gt; <b r> <b r> You have a kind heart or whatever<b r><b r> (br should be without the space)

Question: (for example) How happy are you?
Correct response message: press once on the spacebar
Incorrect response message: press once on the spacebar
Answer: verry happy and so on…
Selecting any single correct answer: YES
Use checkboxes: NO

How it will work
Ranking: For example level 1: super happy –> level 5: very sad

Question 1: Are you happy?
Answer: YES (= correct answer) / NO (= incorrect anwer)

Question2: Which season do you like?
Answer: Spring / Automn / Winter / Summer (Summer and spring will be the correct answer)

The idea is to build up points. In this case, happy answers will make sure that you have a higher ranking level, which will result in a more happy message at the end of the quiz.

Now when the people share this result, only the ranking will be used (in options I filled in [RANK]). This way everybody on Facebook and Twitter will see the text you used, for example You have a kind heart or whatever

To send the correct image to Facebook
It is not certain which image Facebook will use when you share the quiz on Facebook. But there is a way to solve this, although it is only possible to send one image for one quiz, not to send different images for different ranking results.

The first tool you want to use is a Facebook debugger:
https://developers.facebook.com/tools/debug
This tool checks which image your site will send when you share the post.

The second tool you want to use is another plugin:
https://www.ads-software.com/plugins/add-meta-tags/
Install this and this adds an extra section undereath all the pages and posts.

Make a new page or post and add this code
[slickquiz id=15]

<img class=”alignnone size-full wp-image-24″ src=”https://xxx.jpg.jpg&#8221; alt=”” width=”953″ height=”431″ />

Scroll down to the metadata section which now appears after the plugin you installed. And fill in this at FULL META TAGS:
<meta property=”og:image” content=”https://xxx.jpg&#8221; />

Publish the page or post and to be sure everythings works. Go and check with the Facebook debugger if the right picture is send to Facebook.

Other ideas
Everything should work fine now, it is just a matter of being creative. To define the ranking levels, which is the hardest part in the beginning, search for the difference between the results.

For example: Which kind of films do you like?
Ranking levels from 1 to 5 could be: Horror, thriller, action, fantasy, science fiction.
Question: which kind of weapons do you like? Knife, pistol, lasergun or the force. The correct answers would be knife and pistol, which will make sure you have an higher outcome and you would more likely to end up with liking horror or thriller. If you like lagergun or the force, you will get no points and would more likely to end up with fantasy or science fiction. The action genre is the perfect go in between and will be shown when the person gave balanced answers.

Take a look at how it works at my site (It is in dutch however)
https://oedagedoe.be/

Which system would be better?
The perfect system would be a Rank Counter system. You give each ranking a name and a text which will be the result. With every answer you can give points (positive AND negative) to every ranking. At the end of the quiz, the engine looks which ranking has the most points and this will be used as the result.

For example with the which movies do you like quiz. you could ask if they like obscure images. When they say no, you could give the ranking: HORROR a minus 20 so that this answer will never be shown at the end of the quiz.

Another question could be: Do you like Mel Gibson?
ANSWER 1: Yes (horror -3 / thriller +3 / action +4 / fantasy 0 / science fiction 0)
ANSWER 2: No (horror +1 / thriller +2 / action -3 / fantasy 0 / sciance fiction 0)
ANSWER 3: I like Bruce Willis better (horror -1 / thriller +1 / action +3 / fantasy +1 / science fiction +2)

This is the perfect way to balance out a quiz and to have a very accurate result. You could even make tests for psychological studies with this set-up…

Another useful tool would be that the results will be shown in a seperate page or post. Choose an URL for every ranking and at the end of the quiz you will be send there. This way it is possible to have a different image for a different result shared to Facebook with the meta tags. The downside is that this will be a lot of work to make all the pages or posts.
I don’t know if it is possible to change the meta tags in the head section depending on the outcome of the quiz. This would be a faster and a lot easier solution.

A last remark
There is a “What character are you” quiz which is very popular on Facebook for the moment, perhaps you know it:
https://what-character-are-you.com

It get shared a lot, but I found out, it is a big scam ?? The results get loaded randomly, it doesn’t matter which answer you give. Last month it was still possible to just refresh the page to get a different result (they blocked refreshing the page now), but if you do the quiz multiple times with the same answers, you will get different results.

And still, every one is using and sharing it… And what’s the purpose? Well it is all about the adds. With the questions, it doesn’t matter what you answer, you will see the advertentions longer and perhaps click on one of them. This way the sitebuilders will get paid for it.

I’m trying to do the same ?? There is nothing wrong with earning money. But at least at my site, the result will depend on the answers you gave. Thanks to this plugin!

I hope this bug is solved quick, because it is pretty annoying and I’ve launched my site today.

https://oedagedoe.be/

Just to keep you informed, I found 2 solutions:

1. Just put one big picture on the page, this will be detected by Facebook

2. Use a plugin like: https://www.ads-software.com/plugins/add-meta-tags/ To adjust the meta data per page. This way you can add this text: <meta property=”og:image” content=”https://www.xxx.com/images/xxx.jpg&#8221; />
And this will also be detected by Facebook.

I think the second solution is better, because you can actually point the right image for Facebook.

I haven’t solved it yet, but it is not an issue of this plugin.

What I did find is that you can debug your site at Facebook.
https://developers.facebook.com/tools/debug

It says this: Provided og:image could not be downloaded or is not big enough. Please use an image that’s at least 200x200px and is accessible from Facebook. Image ‘https://xxx/xxx.jpg&#8217; will be used instead.

So now I can do different tests and see what is the best solutions. A good solution for this plugin would be: instead of showing the results, let the quiz go to a page depending on the ranking. This way you can set a differte image for the Facebook sharing.

Thanks for the quick update and putting this score disabler in there ?? That was fast…

I have a little bug. I disabled that the answers light up in green (at my quiz there is no right or wrong), but when I click next question, for a split second, the right answers are turning green.

Before this update this wasn’t a problem… ??

Thanks, I tried putting this image meta in the rankings, but it didn’t work. It should be in the head section. But I can’t find a place to adjust the head per page, perhaps there is a plugin for this.

I can adjust the head for all the site, perhaps I must try that. But the ideal solutions would be that a different image is used for a different result.

I’m going to try the play with different image formats, like Facebook suggests on this page: https://developers.facebook.com/docs/plugins/checklist/

I found a solutions:
First go to Plugins –> edit SlickQuiz –> slickquiz/php/slickquiz-front.php

Delete this line:
<h3 class=”quizScore”>’ . $this->get_admin_option( ‘your_score_text’ ) . ‘ <span> </span></h3>

Another idea: make the percentages of the rankings adjustable for more finetuning.