9 Add a leaderboard
Make your predictor social and sticky by adding a leaderboard. We will:
- create a leaderboard
- ensure you have a form in any Riddle that should be connected
- connect and link a leaderboard to a Riddle
- add a leaderboard to the result page
Transcript:
00:00:05.200 –> 00:00:07.360
Hi there, welcome back. Another way you
00:00:07.360 –> 00:00:09.440
can use your predictor is by turning it
00:00:09.440 –> 00:00:12.000
into a friendly competition via a
00:00:12.000 –> 00:00:14.120
leaderboard. There are a couple of ways
00:00:14.120 –> 00:00:16.320
we can do that. One is with a leaderboard
00:00:16.560 –> 00:00:19.280
as a separate URL or as a separate embed,
00:00:19.920 –> 00:00:22.480
or integrating a leaderboard into the
00:00:22.480 –> 00:00:25.280
result page of your Riddle, such as
00:00:25.600 –> 00:00:27.840
onto the result page of your predictor.
00:00:29.120 –> 00:00:31.760
Let’s go through the steps to to have
00:00:31.760 –> 00:00:34.320
these two setups. So
00:00:34.960 –> 00:00:36.400
first of all, you need to make sure that
00:00:36.400 –> 00:00:38.320
the Riddles that you want to include in
00:00:38.320 –> 00:00:41.280
the leaderboard are published. So I’m
00:00:41.280 –> 00:00:43.560
using this Riddle here, so I
00:00:44.080 –> 00:00:46.000
can see it’s published, that’s good.
00:00:46.560 –> 00:00:48.960
And the other one, I wanted the game day
00:00:48.960 –> 00:00:50.880
prediction, that’s still a draft. So
00:00:51.280 –> 00:00:54.000
click on Publish. Publish again.
00:00:54.000 –> 00:00:56.480
Okay, they’re now published. So when I
00:00:56.480 –> 00:00:58.640
create my leaderboard, I can include them
00:00:59.280 –> 00:01:02.120
into the connection. Now I’m going to
00:01:02.640 –> 00:01:05.040
create Riddle. Leaderboard.
00:01:06.160 –> 00:01:08.480
Create leaderboard from scratch. Let’s
00:01:08.480 –> 00:01:11.240
call it something related to
00:01:11.280 –> 00:01:12.000
this topic.
00:01:16.640 –> 00:01:19.400
OK, and now click on Connect your
00:01:19.400 –> 00:01:22.000
Riddles here and again
00:01:22.280 –> 00:01:25.200
and now click on plus next to any of the
00:01:25.680 –> 00:01:27.320
Riddles that you want to add to that
00:01:27.320 –> 00:01:29.680
leaderboard. In my case, I want this one
00:01:29.680 –> 00:01:32.240
here, but I don’t have a form in that
00:01:32.240 –> 00:01:34.880
field. In that Riddle, that’s what this
00:01:34.880 –> 00:01:37.840
yellow box is reminding me
00:01:37.840 –> 00:01:40.000
to do. So I’m going to click on
00:01:40.400 –> 00:01:43.280
Create Form, add block,
00:01:44.400 –> 00:01:46.480
make a form. OK,
00:01:47.760 –> 00:01:50.640
publish again. Good. So now I’ll
00:01:50.640 –> 00:01:52.720
go back into my leaderboard.
00:01:54.080 –> 00:01:56.480
And this time it should allow me to
00:01:56.560 –> 00:01:59.040
connect that Riddle because now there are
00:01:59.320 –> 00:02:01.800
an email and name field into
00:02:02.480 –> 00:02:04.720
in that Riddle and you need that to be
00:02:04.720 –> 00:02:06.800
able to map it to a leaderboard because
00:02:06.960 –> 00:02:08.560
someone needs to be able to find their
00:02:08.560 –> 00:02:11.280
name and the way they do that is by
00:02:11.440 –> 00:02:13.440
the name being mapped to an email
00:02:13.440 –> 00:02:15.160
address that they have entered into the
00:02:15.160 –> 00:02:17.840
original Riddle. So I’m going to click on
00:02:17.840 –> 00:02:19.600
save and connect more and I would also
00:02:19.600 –> 00:02:21.520
like pick the winner. Same thing again,
00:02:21.520 –> 00:02:24.160
we’ve got an email and name there. Save
00:02:24.160 –> 00:02:26.160
and close. These are now connected to the
00:02:26.160 –> 00:02:28.560
leaderboard. To be able to share
00:02:29.240 –> 00:02:30.560
or embed this leaderboard, click on
00:02:30.560 –> 00:02:32.720
Publish as with any Riddle publish again.
00:02:33.040 –> 00:02:35.760
And this leaderboard is now a
00:02:35.760 –> 00:02:37.840
Riddle in itself. And now when someone
00:02:37.840 –> 00:02:38.960
plays one of those Riddles that’s
00:02:38.960 –> 00:02:40.960
connected to this board, they can play
00:02:40.960 –> 00:02:42.640
the Riddle and then come to this
00:02:42.640 –> 00:02:44.600
leaderboard and see where they are on the
00:02:44.600 –> 00:02:47.440
table. So that’s the leaderboard as
00:02:47.440 –> 00:02:50.240
its own Riddle. What you can then also do
00:02:50.240 –> 00:02:52.320
is go into one of these Riddles that
00:02:52.320 –> 00:02:55.000
we’ve been creating, go to the
00:02:55.000 –> 00:02:57.920
result page, and here we, at the
00:02:57.920 –> 00:02:59.240
moment, on the result page, have the
00:02:59.320 –> 00:03:01.840
answer blocks and the result recap, but
00:03:01.840 –> 00:03:03.680
we could also add the leaderboard to this
00:03:03.680 –> 00:03:05.280
result page. Click on Add,
00:03:06.240 –> 00:03:08.960
Leaderboard, and now I can,
00:03:09.120 –> 00:03:11.760
it takes the leaderboard by default, but
00:03:11.760 –> 00:03:14.080
if you had several different ones,in this
00:03:14.080 –> 00:03:16.240
project, then you can select the correct
00:03:16.240 –> 00:03:18.720
one. And now, when I play the Riddle,
00:03:19.200 –> 00:03:21.120
the result page will also show the
00:03:21.120 –> 00:03:23.120
leaderboard where someone can input their
00:03:23.280 –> 00:03:26.040
nickname and then find themselves in that
00:03:26.040 –> 00:03:28.320
table of scores.
00:03:29.760 –> 00:03:32.120
So, it’s up to you which way you you
00:03:32.120 –> 00:03:35.000
use this. Most customers tend to
00:03:35.600 –> 00:03:37.320
leave the result page with the answer
00:03:37.320 –> 00:03:38.640
blocks and the results
00:03:40.000 –> 00:03:41.440
recap there.
00:03:42.480 –> 00:03:45.120
and then add a button
00:03:45.120 –> 00:03:47.560
that leads to the
00:03:47.560 –> 00:03:50.520
leaderboard on another URL. So
00:03:50.520 –> 00:03:53.080
let’s have a look how that works. Delete
00:03:53.080 –> 00:03:54.160
this leaderboard again.
00:03:56.080 –> 00:03:56.800
Add button.
00:03:58.800 –> 00:04:00.520
And we’re going to
00:04:01.840 –> 00:04:03.200
add a text such as
00:04:07.360 –> 00:04:09.840
‘Go to leaderboard’ and put the
00:04:09.840 –> 00:04:11.920
URL of that leaderboard
00:04:12.960 –> 00:04:15.880
in here, open a
00:04:15.880 –> 00:04:17.840
new tab. Okay,
00:04:18.400 –> 00:04:21.360
let’s put this space
00:04:21.360 –> 00:04:21.760
back.
00:04:29.050 –> 00:04:30.650
And when I play this Riddle,
00:04:35.130 –> 00:04:37.290
for example, yeah
00:04:39.450 –> 00:04:39.770
and
00:04:53.960 –> 00:04:56.520
And now I can click on the CTA and I get
00:04:56.520 –> 00:04:59.040
taken to that leaderboard. One more thing
00:04:59.040 –> 00:05:00.800
to note with leaderboards. is that if you
00:05:00.800 –> 00:05:02.840
have an enterprise plan, you can connect
00:05:02.960 –> 00:05:04.960
any number of Riddles to that same
00:05:04.960 –> 00:05:07.680
leaderboard. In my case, I added two
00:05:07.680 –> 00:05:10.640
here to my leaderboard. And if
00:05:10.640 –> 00:05:12.800
you have any other sort of plan with
00:05:12.800 –> 00:05:15.600
Riddle, then you can add one Riddle
00:05:15.680 –> 00:05:18.320
per leaderboard. Okay,
00:05:18.720 –> 00:05:20.920
that’s enough on leaderboards. If you
00:05:20.920 –> 00:05:22.480
have any questions, feel free to ask us,
00:05:22.560 –> 00:05:24.320
and I’ll see you in another clip.