Hi everyone, I'm Krista Seiden,
Analytics Advocate at Google, and today I'm joined
by Jon Mesh, who is the Product Manager
on Google Optimize. In this Quick Tip video
Jon is going to walk us through Using Preview
Mode in Optimize to help you ensure that
each of the different versions of your
website are performing right on the
different, on the different devices
that you want to test on.
So with that, I'm going to go ahead and hand it over to Jon.
Great. Thanks Krista.
So preview is really important when you're running tests.
You want to make sure that your tests are
running well and looking right for all of your users.
So let me go ahead and show you how this works
and why you might want to use it.
Now in our editor here this is actually a test that I set up
from a previous video, our Advanced
Editor Quick Tips video,
and one of the things that I've done here is I've
actually moved this button,
it was kind of a little bit lower and I moved it up a
little bit higher, and I used our
move anywhere functionality which is a little
bit more powerful, but it's also a little
bit more risky. You kind of have to know
what you're doing here, and I want to
make sure that looks right on different devices.
So let's go ahead and go back to
the details page here, and when you're on
the details as you see this little icon here?
These are Preview Options.
So I'm going to click on that here,
and I've got a few different options, I can actually look at
Web preview, or Tablet preview, or I can Share that.
So I've kind of look at this
a little more and I know the Web looks
ok, but let's check it out on the Tablet
and see what that looks like.
Now what's happening here is we're loading this
using the tag that's on the page.
So this does require that you already
tagged your site with Optimize,
and it's loading the real thing on your site.
So you can see that I've actually got a
little bit of a problem here,
it's overlapping some of my other texts,
and so maybe I need to go back and tweak that
just a little bit, make sure things are looking right.
But this is using Chrome's debugging tools,
and this is really nice because it does two things for you,
first it does change the screen size,
but it also changes the user agents.
So any of you who are promoting apps for
particular operating systems,
things like that, you can make sure that
that's showing up only on the right
operating system, and it's a really high fidelity preview,
but that's why we get the little bar up here at the top.
Ok. Now we've seen that and we're going to go back
to the main page here. So the other thing
that I can do here is I can share that
preview if I have someone in a QA
Department who I want to send this to.
They can take a look at that
variant on a number of different devices,
and this is actually a sticky type of preview.
So if you navigate around the site,
if you go to one page, then another one
away from the testing, and then back,
you will see that test again, and that really is
helping you make sure that is appearing
exactly how you want it to appear.
So that's for you, the only thing that you
need to do when you're done previewing
is you want to get yourself out of that
mode because you'll continue to see that
preview if you don't.
So we're just going to turn off that preview,
and that's about it. Again we highly recommend
previewing your variance of any tests before you
run it. It's a great thing to do and a great
habit to get into to make sure that
things are going to be as accurate and
high fidelity as possible for your users
Great. Thanks Jon.
For more infomation >> Ohio carries out first execution in 3 years - Duration: 0:38. 
For more infomation >> These are the quirkiest questions during job interviews - Duration: 1:09. 
For more infomation >> How to replace front brake discs and brake pads MAZDA 6 TUTORIAL | AUTODOC - Duration: 8:36. 
For more infomation >> Man in critical condition after highway ramp shooting - Duration: 1:59. 
For more infomation >> Video: More clouds tonight followed by rain 7/26/17 - Duration: 3:14. 
For more infomation >> Charlotte-based group takes massive federal funding hit. - Duration: 1:32. 
For more infomation >> Family says man's death in Worcester fire suspicious - Duration: 1:16. 
For more infomation >> Rain possible later this week - Duration: 3:07. 
For more infomation >> Cook's Corner: Blackened sea scallops with roasted Brussels sprouts - Duration: 3:43. 
For more infomation >> 20 продаваемых РЮКЗАКОВ из Китая Школьная подборка с Алиэкспресс. - Duration: 5:25. 
For more infomation >> Officials: Improperly installed generator caused massive Dorchester blaze - Duration: 1:44. 
For more infomation >> Group reacts to released of pedophile priest - Duration: 1:04. 
For more infomation >> Diarrea, otitis, dermatitis, picazón o irritación, eso puedes contagiarte en una piscina - Duration: 6:09. 
Không có nhận xét nào:
Đăng nhận xét