6 Leaderboard implementation
Now it’s time to place your leaderboard where your audience can see it. We will:
- publish your leaderboard as a standalone landing page with a link
- get the embed code for your leaderboard
- insert the leaderboard directly into a result page of a connected Riddle
- preview how your leaderboard will appear in both formats
Transcript:
00:00:04.080 –> 00:00:06.040
Hi there, welcome back to Riddle. You
00:00:06.040 –> 00:00:08.080
have two ways you can implement your
00:00:08.080 –> 00:00:09.760
leaderboard. In other words, there are
00:00:09.760 –> 00:00:12.080
two ways in which your audience who play
00:00:12.080 –> 00:00:14.960
a quiz can enter a
00:00:14.960 –> 00:00:17.120
leaderboard. One is a
00:00:17.120 –> 00:00:19.880
standalone leaderboard, as we have here.
00:00:19.880 –> 00:00:22.800
It’s a separate URL you can see up here,
00:00:23.560 –> 00:00:25.840
which only has your leaderboard there.
00:00:26.400 –> 00:00:29.080
The second way is to add the
00:00:29.080 –> 00:00:31.600
leaderboard to your result page that you
00:00:31.600 –> 00:00:34.480
have on any connected Riddle, such as our
00:00:34.720 –> 00:00:37.400
Riddles that we connected here. So we’ll
00:00:37.400 –> 00:00:39.920
look at both of those setups now, and
00:00:39.920 –> 00:00:42.320
then you can see whether one of those or
00:00:42.640 –> 00:00:44.960
even both work for your use case.
00:00:45.760 –> 00:00:48.560
So let’s go into the Creator for our
00:00:48.720 –> 00:00:51.200
leaderboard. So let’s publish it.
00:00:53.120 –> 00:00:55.080
And now for the
00:00:57.040 –> 00:00:59.480
separate URL version, you have it here
00:00:59.480 –> 00:01:02.440
already. You can use it as a
00:01:02.880 –> 00:01:05.760
URL here or as an embed as you
00:01:05.760 –> 00:01:08.240
would with any other Riddle by going to
00:01:08.240 –> 00:01:10.800
embed landing page, copying the code,
00:01:11.040 –> 00:01:12.960
and putting it into your website
00:01:12.960 –> 00:01:15.520
publisher. That’s the standalone
00:01:15.520 –> 00:01:18.200
leaderboard version. Leaderboard on a
00:01:18.200 –> 00:01:20.960
result page: go into any of the
00:01:20.960 –> 00:01:23.880
quizzes that you connected to
00:01:23.880 –> 00:01:25.520
that leaderboard, so for example our
00:01:25.520 –> 00:01:27.040
tennis trivia here.
00:01:28.400 –> 00:01:30.880
Go to the result page
00:01:31.360 –> 00:01:34.320
and now we’re going to add the
00:01:34.320 –> 00:01:36.720
leaderboard to the result page.
00:01:37.360 –> 00:01:39.360
So we’ve added it as an element. And now
00:01:39.360 –> 00:01:42.320
from the, or in the dropdown
00:01:42.320 –> 00:01:44.560
menu, you can select which leaderboard
00:01:44.560 –> 00:01:46.400
you want to go in there. I’ve got two
00:01:46.600 –> 00:01:48.840
leaderboards that are in this project,
00:01:48.840 –> 00:01:51.600
and so I need to select the right one. I
00:01:51.600 –> 00:01:53.040
could use either. I’m going to use this
00:01:53.040 –> 00:01:55.760
one here. And now
00:01:55.920 –> 00:01:57.920
I can publish the Riddle again.
00:01:58.960 –> 00:02:00.400
And now when I play the Riddle, I’ll just
00:02:00.400 –> 00:02:01.520
show you in the preview,
00:02:03.680 –> 00:02:06.640
I get to the result page.
00:02:07.320 –> 00:02:09.200
And now I see everything I’ve put on the
00:02:09.200 –> 00:02:11.280
result page, including the leaderboard
00:02:11.280 –> 00:02:13.360
underneath everything. And in the same
00:02:13.360 –> 00:02:16.000
way as with the standalone leaderboard,
00:02:16.240 –> 00:02:19.000
the participant can enter their name here
00:02:19.000 –> 00:02:21.560
and then see themselves on the
00:02:21.560 –> 00:02:23.920
leaderboard. So these are the two
00:02:23.920 –> 00:02:26.840
different ways to use
00:02:27.240 –> 00:02:29.200
and to show your leaderboard.