Hi.
My name is Venkatesh.
And I'm an engineer on the Google Web Designer team.
In this demo, I want to show you how to publish files
from Google Web Designer, or GWD,
to your Google Drive account.
For the purpose of this demo, let
me use a file that I already have here.
It's called demo.html.
It is a simple file with a swipe gallery in it.
A swipeable gallery has a few images inside of it.
And at the bottom, I have a few divs
that are just colored differently.
So to publish this content to Google Drive,
I click the Publish option here.
And specifically, I pick the Publish to Google Drive option.
So the first thing you notice is a Google login account page.
So Google Web Designer uses Google Drive API underneath
to publish your files to Drive.
Let me go ahead and log in here.
And you notice two things.
One is the Publish dialog itself.
And on the top right corner, you see the email address
of the account that is being used right now.
In the Publish dialog, on the left side,
is the summary of the ad.
On the right side are the settings.
The first setting is the name.
This is what the folder will be called in Google Drive.
You can change it to whatever we need.
I will leave it as demo for now.
The location box, when I click on it,
I can pick a folder into which I can upload.
Here, let me pick this folder called Uploaded from GWD.
Now when I click the Publish button, at the bottom right,
you see a progress bar for different files.
And it happened pretty quickly.
And you see a success message on the top.
Now in my browser, I'll go to my Google Drive account
and make sure that it really got uploaded.
I'll click on the Uploaded from GWD folder.
And inside, as we expected, there's a demo folder.
If I click on the demo folder, what you see here
is one index.html file and four images, PNG images.
Now let me go back to Google Web Designer.
So that was pretty straightforward.
The next feature I wanted to show is how to switch accounts.
If I click on my email address, you
see the Switch Accounts option.
I click on it.
Here, I can add another account.
Let me add another demo account I have here.
So what you see here are OAuth permissions.
I'll click Accept.
And on the top right, you see that the email address
has changed to gwddemo.
And this is the account I'm using now.
If we want to publish this ad to this account,
I simply go ahead and click the Publish button.
I can pick this account.
And this familiar OAUth screen, what it is asking for now
are OAuth permissions to access your Google Drive
account on your behalf.
So if I accept, we come back to the Publish dialog.
This time, instead of calling it demo, I'll just call it demo2.
And for the location, as I showed you previously,
I can either pick an account or I can leave it empty.
In which case, it will get uploaded to the Drive top level
folder.
Or can enter any name I want.
And the folder with that name will be created.
So let me go ahead and publish.
And in the bottom right, you see progress dialogs
for different files.
And it was successfully published.
Let me go back to my Drive account in the browser.
I'll open another browser window,
since this is a different account, and log in.
So you will notice that a folder called demo folder was created.
And within that folder is the demo2 that I uploaded.
And clicking in shows me index.html and the images
that were part of the ad.
So let me go back to the Google Web Designer window.
So as I showed you, it's very straightforward
to publish any content that you create
in Google Web Designer to Google Drive.
And also, you can easily switch between different accounts
you have and publish to any account you want.
That's all I have for this demo.
Thank you for watching this video.