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