AdMob設計工具google web designer

1、google web designer工具中文文檔：

https://support.google.com/webdesigner?hl=zh-Hans#topic=3227692 我用的版本：應用版本4.2.0.0802

2、google web designer是什麼

若是要定製本身的AdMob廣告，就須要用到google web designer工具。本質上，這廣告是H5頁面。google web designer也容許製做除了AdMob外的其餘HTML：

 

本質上，google web designer是一個可視化製做H5頁面的工具，可是因爲一些不完善的地方（或者說BUG）。基本上沒有人用它作H5頁面，大部分用它只是來製做AdMob廣告。
3、特性
可視化製做H5頁面，是這個工具的設計視圖提供的功能。除此以外，AdMob也提供了代碼視圖，能夠直接修改設計中的代碼。注意，代碼視圖中的代碼並非最終生成H5的代碼。這個代碼和編輯器中的設計視圖是對應的。有不少不多用的css屬性：

.gwd-page-content {
transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}

這是css的屬性，但上面這一行的屬性，也決定了在設計視圖中的展現方式，修改會改變在設計視圖的顯示方式。

<gwd-image id="gwd-image_6" source="assets/index/logo_little_english.png" scaling="stretch" class="gwd-image-ehfx"></gwd-image>

若是是設計視圖中添加的圖片，在代碼視圖的是這樣一行，最後會轉換爲H5中的<img>來顯示。
4、元素工具
設計視圖中，經常使用組件來堆砌頁面，常見的有：360度圖片。但有些元素是沒有的，好比input輸入框，這時候須要用到左側的【元素工具】，本身畫一個輸入框。
5、發佈
預覽生成的文件夾：gwd_preview_項目名。
文件夾下有個index.html，這就是入口。
發佈的時候，打包後須要校驗，google提供的校驗網址：https://h5validator.appspot.com/adwords/asset。上傳發布的zip包校驗便可，在實際測試中，這個校驗會涉及註釋掉的代碼。也就是說，註釋代碼中有引用不存在的資源，他也會警告。
AdMob廣告項目大小限制150k,不容許包含視頻，音頻。若是要作，只能是網絡資源作（但不必定支持）。