Transcript

00:00 don't know
00:09 so in this video we're going to be
00:10 looking at the multi-facet Privacy
00:12 features that are built in the cookie
00:13 jar what that means is essentially you
00:15 can actually have multiple cookie jars
00:17 that give consent to different things
00:20 so here on this page that I have two
00:21 different consent boxes where on the
00:24 first box if I click OK it loads in a
00:26 Google font because that's easy to see
00:29 within a demo right I can show you that
00:31 that but normally let's say you can load
00:33 Google analytics or something of that
00:35 nature right in this next one if I
00:37 approve that it just displays this
00:40 little alert box just to show us that
00:42 we've consented to both of these if I go
00:45 ahead and reload the page you'll notice
00:47 that that
00:48 the alert box comes up because I
00:50 consented to that happening and then my
00:52 font also loads because I also consented
00:55 to that
00:56 um here we also have the ability to
00:58 accept and deny all so I'm going to go
01:00 ahead let's go and reset our preferences
01:02 um I can go ahead and say accept all and
01:05 that's going to go ahead and run
01:06 everything and if I go ahead and reload
01:08 the page you'll see that the alert
01:09 happens and my font is loaded let's go
01:14 ahead and decline all
01:15 you'll notice now
01:17 um neither the font nor the alerts show
01:21 right because I've declined both of
01:24 those let's reset and then I can dismiss
01:26 all which means the content boxes go
01:29 away but if I reload the page they just
01:32 show right back up until I consent to
01:34 either all of them or each one
01:36 individually
01:38 now if I just consent to one let's go
01:40 ahead and load this font okay so I only
01:43 consented to the font and let's reload
01:44 the page you'll see that it knows that I
01:46 didn't give consent
01:48 for one or the other so I can say no
01:50 thanks on this one and you'll notice
01:52 that my font loads but the pop-up box
01:54 doesn't because I didn't give consent to
01:57 that so here we are in stacks and you'll
01:59 see that this cookie jar uh stacked down
02:02 here
02:02 um this one loads uh my font
02:05 and the second one loads in that little
02:08 pop-up box okay that little alert box so
02:11 those are managed differently with two
02:13 different things
02:14 and basically the magic behind all this
02:17 is this privacy ID and the buttons
02:21 classes
02:24 so if we look at each of these you'll
02:25 notice that we have a different privacy
02:27 ID
02:28 okay so here I have a privacy ID for
02:31 font privacy
02:33 and then you can set the accept class
02:35 for that the decline class for that
02:38 um you can set a clear class and then
02:40 here I defined a specific dismissed
02:42 class as well if you want I didn't have
02:44 a dismiss button in these layouts but
02:45 you could add one right and then I have
02:47 a special class just for the content
02:49 container now let's look at this
02:51 particular example here we'll see that's
02:53 just cookied our cookie jar Dash font
02:56 Dash and then the action right so if we
02:58 look here in my layouts in this
03:01 particular box here this container
03:03 um this is my cookie jar font content
03:06 and then inside this button I have the
03:09 cookie jar font accept class and inside
03:12 the no thanks button I have the cookie
03:14 jar font decline
03:17 for the second consent you'll see that I
03:19 have if we go to look at the classes
03:22 um I set this to be cookie jar analytics
03:24 privacy
03:25 um and then I I just have all different
03:27 classes set up for each one okay if you
03:29 don't set up different classes it could
03:31 mean that if you click on
03:33 um if you have the same class
03:34 essentially when you click on a button
03:36 it could accept both right you don't
03:39 want that you want to make sure that
03:40 those are unique okay so here we can set
03:43 up different classes for each one
03:46 so if we look at the layouts here on the
03:49 container the second one I have the
03:51 Gokey jar analytics content
03:53 um the cookie jar analytics except and
03:56 then the cookie jar analytics decline
03:58 okay so those are three different ones
04:01 um for that particular one
04:03 and again the the big thing here is
04:06 making sure that the Privacy ID is set
04:08 to be different for each one
04:12 now another feature that I showed you
04:15 was that we have the ability to have
04:16 these all buttons these accept buttons
04:18 okay now inside cookie jar you'll notice
04:22 that there are four now you cannot
04:23 customize these okay if you change these
04:25 settings it does nothing okay they're
04:27 not editable these are hard-coded
04:29 they're provided here for you just so
04:31 you can copy and paste them easily so we
04:33 have cookie jar except all decline all
04:36 clear all and dismiss all and those are
04:39 the exact classes that I added to these
04:41 buttons again you can use any button
04:43 here I am building this layout with
04:45 Foundation six but you can use whatever
04:46 layout you want even the default Stacks
04:48 okay so here I have the dismiss all
04:51 class the decline all stack class the
04:55 accept all class and then here is the
04:57 clear all
04:58 so again these buttons are they give you
05:00 the ability to interact with all
05:02 instances of cookie jar on the page not
05:05 just the specific ones
05:07 um that use the uh instant specific
05:10 classes
05:12 foreign
05:17 "}]