Ad Validator - Google Web DesignerYouTube↗  IA↗(long shot)
Science & Technology  4.8K views 16 likes 1 dislikes   07 Sep 2018
Google Web Designer 76.8K subscribers United States YouTube↗


Please select the problem
You must specify your email and describe the problem in detail
Describe your problem in detail if it's not obvious

Click to Play Video Click to Play Video
JON REID: Hello, everyone.
Hallo allemaal.
My name is Jon Reid, and I'm one of the engineers that
Mijn naam is Jon Reid en ik ben een van de engineers
works on Google Web Designer.
die werken aan Google Web Designer.
Today, I'd like to demonstrate the new Ad Validator
Vandaag demonstreer ik de nieuwe functie Advertentievalidatie
that we added to this release.
die we aan deze release hebben toegevoegd.
The Ad Validator runs some simple tests on your file
Met Advertentievalidatie kunt u enkele eenvoudige tests voor uw bestand uitvoeren
and displays the results for you if there are any problems.
en de resultaten hiervan weergeven in geval van eventuele problemen.
The tests that it runs are based on the ad network
De tests zijn gebaseerd op het advertentienetwerk
that you've chosen to use.
dat u gebruikt.
So if you're working in Display & Video 360 ad,
Als u een Display & Video 360-advertentie gebruikt,
it will run tests that are appropriate for that ad
worden tests voor Display & Video 360-advertenties uitgevoerd,
and if you're working in an AdMob Ad,
en als u een Google Ads-advertentie gebruikt,
it'll run tests appropriate for an AdMob ad, and so forth.
worden tests voor AdMob-advertenties uitgevoerd, enzovoort.
I'm going to go ahead and open up a file here
Ik open hier eerst een bestand,
so you can see what it looks like.
zodat u kunt zien hoe het eruitziet.
It's a new panel over on the side here.
Het is een nieuw deelvenster aan deze kant.
And you can see it's divided into two sections.
Zoals u kunt zien, bestaat het venster uit twee gedeelten.
On the top, we have some basic file information
Het bovenste gedeelte bevat wat algemene bestandsinformatie
that tells you what environment you're working in.
over de omgeving waarin u werkt.
In this case, we're working on a Google Ads.
In dit geval werken we aan een Google Ads-advertentie.
And it gives you your initial load size and total sizes.
Ook kunt u zien wat de aanvankelijke laadgrootte en de totale grootte zijn.
These are the initial load sizes, just
De aanvankelijke laadgrootte is
the size of the HTML file.
de grootte van het HTML-bestand.
And the total size is the HTML file
En de totale grootte omvat het HTML-bestand
plus any assets you've added to the project.
plus de items die u aan het project heeft toegevoegd.
And before this information was just
Voorheen werd deze informatie
displayed in the Publish dialog, but we've
weergegeven in het dialoogvenster Publiceren, maar
moved it out here into the panel where it's easier to see.
we hebben deze verplaatst naar dit deelvenster, waar het gemakkelijker te zien is.
You can see it also gives you a count down to your size limit,
Hier kunt u ook zien of u de maximale bestandsgrootte al heeft bereikt
if there's a size limit on the network that you're working on.
als er een groottelimiet geldt voor het netwerk waarop u werkt.
In case Google Ads, they have 150K size limit,
In het geval van Google Ads is de maximale bestandsgrootte 150 KB,
and so we have plenty of space left for that.
en hebben we dus nog voldoende ruimte.
Down below are the results of the tests that it's running.
Hieronder vindt u de resultaten van de uitgevoerde tests.
You can see here it tells you if the file size is under the size
Hier kunt u zien dat de maximale bestandsgrootte nog niet is bereikt,
limit, which is good.
dus dat is prima.
The filename length is under the size limit.
De bestandsnaam is ook korter dan de limiet.
Google Ads limits filenames for its zip files to 30 characters.
In AdWords mogen de namen van zip-bestanden maximaal 30 tekens bevatten.
And if you go over that, it'll let you know.
Als u de lengte overschrijdt, kunt u dat hier zien.
And the HTML is well-formed.
En de HTML is goed opgemaakt.
We run a very basic HTML test that
We voeren een eenvoudige HTML-test uit om
determines that you have the right tags and stuff like that.
te bepalen of u de juiste tags en dergelijke gebruikt.
It's very simple.
Heel eenvoudig allemaal.
The best way to demonstrate this is to go ahead
Dit kan het beste worden gedemonstreerd
and do something that generates a problem.
door een probleem te veroorzaken.
You can see here this asset that we have in the Asset Library
U kunt hier zien dat dit item in de itembibliotheek
is very large.
zeer groot is.
If we add this to the project, it's
Als we dit aan het project toevoegen, wordt
going to be well over the 150K size limit.
de limiet van 150 KB ruim overschreden.
So let me go ahead and do that.
Laten we dat eens proberen.
And you'll see that it's added a warning that we're
En zoals u ziet, is er een waarschuwing toegevoegd dat we
over the file size limit.
de maximale bestandsgrootte overschrijden.
And up here the size has updated to show
Hierboven is de grootte geüpdatet, zodat u kunt zien
that you have no more left to your size limit, and so forth.
dat de maximale bestandsgrootte is bereikt.
So there's a-- that's how it displays that.
Zo wordt dat dus weergegeven.
And we can go ahead and fix that.
We kunnen dit probleem oplossen.
I'm just going to swap out the image.
Ik wissel gewoon van afbeelding.
And you can see once you've swapped the image,
En zoals u ziet, zodra de afbeelding is gewisseld,
it updates immediately.
worden de gegevens geüpdatet.
So now the file size is under limit.
De bestandsgrootte valt nu onder de limiet.
And you can see how much you have left to do your stuff.
En u ziet hoeveel KB u nog heeft.
And that actually works for just about anything
Dit werkt voor vrijwel alles
that you want to do.
wat u wilt doen.
So if we add, for example, an Image button,
Als we bijvoorbeeld een afbeeldingsknop toevoegen,
you can see it updates immediately here
ziet u dat de informatie hier onmiddellijk wordt geüpdatet
to say Image button.
met de waarschuwing
Image is missing for Image button.
dat er een afbeelding ontbreekt voor de afbeeldingsknop.
What it's referring to are the over and the various state
Hiermee wordt verwezen naar de verschillende
images for Image buttons.
statusafbeeldingen voor afbeeldingsknoppen.
So here you can see we have an up image, over image,
Hier ziet u de niet-ingedrukte knop, mouseover en
and down image.
ingedrukte knop.
We have to have one for each of these.
We moeten voor elk een optie gebruiken.
you can see once we've added these three to the Image
deze drie afbeeldingen hebben toegevoegd aan
button, it does show us that the images are found
de knop, ziet u dat de afbeeldingen zijn gevonden
for all Image buttons states.
voor alle toestanden van de afbeeldingsknop.
But because we've chosen that large file,
Maar omdat we een groot bestand hebben gekozen,
once again we're over our file size limit.
wordt de limiet weer overschreden.
Another thing to be aware of is that in addition
U moet zich er ook bewust van zijn dat
to showing things here in the Ad Validator panel, when
de informatie niet alleen in het deelvenster Advertentievalidatie wordt weergegeven, maar
you go to publish your document, we'll
dat bij publicatie van uw document
also show the same information.
dezelfde informatie wordt getoond.
So if you take a look here, you can
Als u hier kijkt, ziet u
see we show the results of your validation checks,
dat we de resultaten van uw validatiecontroles
and we show anything that's having a problem.
en waarschuwingen voor eventuele problemen weergeven.
So this gives you the ability to see at your last step
Zo kunt u tijdens de laatste stap
before you publish that there are problems,
vóór de publicatie zien dat er problemen zijn,
and you can go back in and fix them.
en deze alsnog oplossen.
So in this case, we can just delete that.
In dit geval kunnen we deze afbeelding verwijderen
You can see everything's fine.
en ziet u dat alle in orde is.
And when we go back into Publish,
Wanneer we teruggaan naar Publiceren,
you can see we've passed all of our checks.
ziet u dat alle controles zijn doorstaan.
That wraps it up for this feature.
Dat was alles voor deze functie.
Please take a look at our other videos
Bekijk ook de video's
for our other new features.
over onze andere nieuwe functies.
Similar videos:

Google Web Designer - Animation Updates
Google Web Designer
53.6K views 136 likes 9 dislikes 17 Nov 201560% match


Google Web Designer - Spritesheet Component Overview
Google Web Designer
18.6K views 52 likes 4 dislikes 17 Nov 201560% match


Google Web Designer - Text Overview
Google Web Designer
13.1K views 25 likes 9 dislikes 17 Nov 201560% match

Outliner - Google Web Designer
Google Web Designer
4.1K views 15 likes 6 dislikes 18 Jun 201860% match


Masking - Google Web Designer
Google Web Designer
9.1K views 92 likes 1 dislikes 07 Oct 201960% match

An Overview of the updated Google Web Designer
Google Web Designer
89.8K views 346 likes 14 dislikes 04 Aug 201460% match


Google Web Designer - Streetview Component Overview
Google Web Designer
7.3K views 24 likes 0 dislikes 17 Nov 201560% match


A Google Web Designer Thought Experiment
Google Web Designer
330.9K views 345 likes 20 dislikes 04 Aug 201460% match


UI Overview - Google Web Designer
Google Web Designer
4.5K views 35 likes 1 dislikes 20 Aug 201856% match


Responsive Ad Workflow - Google Web Designer
Google Web Designer
21.8K views 208 likes 5 dislikes 24 Aug 201853% match


Code View - Google Web Designer
Google Web Designer
7.2K views 55 likes 4 dislikes 14 Oct 201950% match

Dynamic in Studio - Google Web Designer
Google Web Designer
10.5K views 54 likes 1 dislikes 31 Aug 201848% match


Responsive Layout: Overview - Google Web Designer
Google Web Designer
106.5K views 444 likes 8 dislikes 03 May 201645% match


Parallax Overview - Google Web Designer
Google Web Designer
31.9K views 285 likes 6 dislikes 28 Nov 201843% match


Text Fitting - Google Web Designer
Google Web Designer
8.2K views 33 likes 6 dislikes 28 Nov 201843% match

Responsive Layout: Animation - Google Web Designer
Google Web Designer
27.6K views 82 likes 10 dislikes 03 May 201643% match


Multiple keyframe & thumbnail selection - Google Web Designer
Google Web Designer
5.6K views 11 likes 2 dislikes 16 Nov 201641% match


Responsive Layout: Advanced Techniques - Google Web Designer
Google Web Designer
54.7K views 200 likes 4 dislikes 03 May 201641% match


Timeline Advanced Mode Overview - Google Web Designer
Google Web Designer
12.2K views 93 likes 3 dislikes 18 Jun 201840% match


Publish to Display & Video 360 - Google Web Designer
Google Web Designer
7.1K views 19 likes 3 dislikes 28 Nov 201838% match

Advanced Preview Configuration - Google Web Designer
Google Web Designer
14.3K views 68 likes 3 dislikes 28 Nov 201838% match

Events Overview - Google Web Designer
Google Web Designer
5.3K views 39 likes 2 dislikes 01 Jun 201837% match


Authoring Dynamic Sample Data - Google Web Designer
Google Web Designer
14.6K views 62 likes 1 dislikes 28 Nov 201837% match

Responsive Campaign Tutorial - Google Web Designer
Google Web Designer
3.1K views 84 likes 0 dislikes 15 Oct 202036% match

Easing functions (Step start/end) - Google Web Designer
Google Web Designer
25.5K views 43 likes 5 dislikes 16 Nov 201636% match


Text Overview - Google Web Designer
Google Web Designer
7.1K views 18 likes 3 dislikes 03 Jan 201835% match


Groups Overview - Google Web Designer
Google Web Designer
2.6K views 11 likes 2 dislikes 03 Jan 201835% match


Timeline Enhancements - Google Web Designer
Google Web Designer
13.2K views 68 likes 3 dislikes 21 Jun 201735% match


Google Web Designer Certification - 1. Basics
Google Web Designer
7.2K views 10 likes 0 dislikes 29 Jun 201535% match


Outliner Overview - Google Web Designer
Google Web Designer
6K views 47 likes 1 dislikes 31 Mar 202035% match


Settings Privacy About Contact Donate