KENT: Hi my name is Kent
I'm the creative specialist on the Google Web Designer team
and I'd like to show a couple of
really nice preview options
shareable link and send to device
They're great
additions to your workflow
and help with collaboration and mobile testing
Shareable link is used to easily send previews
to the approvers on your
project
to let them see your work in a browser
with all the final interactivity
and animation
All you do is pull down Preview from the menu
and select Get shareable link
You'll need to sign in to your Google account
then it takes a
second or two to generate the link
and now you have three options
click the
link to preview in your default browser
copy link, and cancel closes the dialog
And the way I use it is to open up my email
compose a message and paste that
link
then it's easy for those people to check out your work
proof the functionality
and send their comments or approval
If you're working with a responsive file
then you'll be asked to select a specific size for previewing
I'll make this file responsive
then share link again and I'll see an extra
step
where I select one of these sizes first
then the rest is the same
One thing to notice if you make it change or forget something
then you'll need to
generate another link
because each shared link is a one-time snapshot of your creative at a given time
it won't be refreshed when you continue editing
And finally there are some restrictions on this feature
only ads are supported not these others
and of these ad types only banner and interstitial are fully supported
expandables are limited and amp is not supported
Of the environments
all these are supported
except Non Google ads
And one last limitation is
seeing sample data in dynamic ads
if you need that it's best to generate share
links
in the publishing environment UI
since Studio, DV360, and Google Ads all
support that
when creating a share link for dynamic ads the way I'm showing
the ad will always use No sample data from the Dynamic panel
The workaround is to
simply include placeholder content
for your dynamic elements
For example this data-driven template for Display & Video 360
comes with placeholder content
for all the dynamic elements
and we can see that in the Dynamic panel
switching between sample data and No sample data
This logo container has a placeholder
image set for its source
if it didn't we would just have an empty box
same with these text elements
when we create a share link
it's the no sample
data state that's being shown
the other thing I'm going to show is
how to preview your work on a device like a mobile phone
This is handy when designing
mobile ads
and you want to test or get a feel for a real experience
on your own phone rather than the browser's device emulator
This does take a little setup
and I'll walk you through
The first thing is to use your device
to download and install the Creative Preview app
from the Play or App Store
The first time you open the app
you'll be guided through a simple setup where you allow access
select your Google account
sign in and agree to Terms of Service
The next thing you'll see is the creative screen
and that means you're ready
Now back in Google Web Designer
in the Preview drop down select Send preview to device
if you're not already signed in
you'll be prompted to log into your
Google account
and that's the same one we use to set up the phone
if you don't
see your device or sign in screen
then make sure you're not already signed in
to a different account up here in the menu bar
if you are just sign out
then back in again and choose the correct account
Once you're signed in correctly
you'll see your device name in this menu
and you just select it
Now on your phone in the Creative
Preview app
you'll see your file name at the top of the list
click it and you'll see your preview
now you can interact with it and make sure your gestures and events work
Certain formats like Swirl and Parallax
require a different preview environment
here's a parallax ad
and I'll send it to my device
I select it on my phone
instead of seeing the preview
I'm shown the info screen
where I choose the second preview option mobile web
which opens a web page
and now I can scroll to see the ad in action
That does it for the preview options shareable link and send to device
Thanks for watching!
