طراحی تبلیغات آنلاین با نرم افزار گوگل وب دیزاینر

طراحی تبلیغات آنلاین با نرم افزار گوگل وب دیزاینر

طراحی تبلیغات آنلاین با نرم افزار گوگل وب دیزاینر

An Introduction to Google Web Designer

منبع: https://www.elegantthemes.com/blog

طراحی تبلیغات آنلاین با نرم افزار گوگل وب دیزاینر

یکی از مهم ترین جوانب طراحی تبلیغات برای وب سایت انتخاب ابزار مناسب برای انجام اینکار است. اگر شما تجربه و بک گراندی در زمینه طراحی وب نداشته باشید طراحی تبلیغات برای وب می تواند مشکل و چالش انگیز باشد.

اینجاست که ابزارهایی مثل گوگل وب دیزاینر (Google Web Designer) پا به میدان می گذارند. توسط این ابزار نسبتا ساده که می تواند برای مبتدیان در امر طراحی سایت مفید واقع شود، می توان تبلیغات تعاملی (Interactive Ads) را طراحی کرد و در تمام مرورگرها به نمایش در آورد و آن را تست کرد.

در این مقاله قصد داریم نرم افزار Google Web Designer را معرفی کرده و آن را بصورت کاربردی آموزش دهیم.

مقدمه ای بر گوگل وب دیزاینر:

Google Web Designer یک اپلیکیشن مستقل است که می توان توسط آن تبلیغات آنلاین تعاملی و زیبا طراحی کرد. در نگاه اول نرم افزار Web Designer گوگل شاید شبیه یک نرم افزار گرافیکی ساده بنظر برسد اما بتدریج و کار بیشتر با آن، متوجه می شوید که تمام المان ها و امکانات این نرم افزار شما را به سمت طراحی تبلیغات آنلاین سوق می دهد.

توسط نرم افزار Google Web Designer امکان طراحی تبلیغات موردنظر از ابتدا (scratch) و همچنین استفاده از تمپلیت های موجود فراهم می شود. قالب های آماده گوگل وب دیزاینر اکثرا برای استفاده در پلتفرم گوگل ادز (Google Ads) طراحی شده اند اما شما می توانید از آنها در تمام پلتفرم های دلخواه خود استفاده کنید.

علاوه بر تمپلیت های آماده در نرم افزار وب دیزاینر گوگل، امکانات و ابزارهای لازم جهت تست طرح آماده شده در تمام مرورگرهای معروف مانند گوگل کروم، موزیلا فایرفاکس، اینترنت اکسپلورر و… را نیز شامل می شود. همچنین می تواند کد مربوط به هر مرورگر را دانلود (export) کرد و نیز در سرویس گوگل درایو آپلود کرد.

شاید یکی از مهم ترین ویژگی های گوگل وب دیزاینر رایگان بودن آنست! بخصوص وقتی بدانید اکثر نرم افزارهای گرافیکی برای طراحی تبلیغات آنلاین پولی و premium می باشند. اگرچه مطمئنا نرم افزارهایی مانند Google Web Designer نمی توانند جایگزینی برای فتوشاپ باشند، برای طراحی تبلیغات آنلاین شما می تواند بسیار مفید واقع شود به ویژه وقتی بودجه ای برای خرید مجموعه نرم افزارهای پولی در این زمینه نداشته باشید و بخواهید طرح دلخواه خود را به رایگان تولید کنید.

امکانات کلیدی نرم افزار Google Web Designer:

  • تولید تبلیغات تعاملی با HTML5 برای استفاده از تمام پلتفرم ها
  • استفاده از تمپلیت های آماده موجود و بهینه برای استفاده در سرویس گوگل ادز برای افزایش سرعت طراحی
  • امکان پیش نمایش تبلیغ در مرورگرهای Google Chrome و Mozilla Firefox و Safari
  • امکان برون بری یا export کدهای طرح دلخواه خود
  • آپلود و انتشار کدها در سرویس هایی مانند Google Drive و DoubleClick Studio

نگاهی اجمالی به Google Web Designer:

شروع کار با ابزار گوگل وب دیزاینر بسیار آسان است و برخلاف سایر سرویس های گوگل (مانند گوگل ادز) نیازی به ساختن اکانت و لاگین نخواهید داشت. فقط کافیست به صفحه اصلی ابزار Google Web Designer مراجعه کرده و نرم افزار Web Designer گوگل را به صورت رایگان دانلود کنید.

نگاهی اجمالی به Google Web Designer

اپلیکیشن Google Web Designer با تمام سیستم های عامل معروف سازگاری کامل دارد (Windows, Mac, Linux). قابل ذکر است که فایلی که با کلیک روی لینک تصویر بالا دانلود می شود کم حجم و فشرده است و با اجرای این فایل نصبی، سایر داده های موردنیاز نرم افزار از اینترنت دانلود خواهد شد. اما در کل نرم افزار گوگل وب دیزاینر تنها چند دقیقه طول می کشد تا بطور کامل نصب شود.

وقتی برای اولین بار نرم افزار Google Web Designer را روی سیستم خود اجرا می کنید، پوسته آن تیره است (مانند شکل زیر) که شبیه نرم افزارهای مجموعه ادوبی (Adobe) می باشد.

نوار ابزار واقع در سمت چپ نرم افزار شبیه سایر نرم افزارهای گرافیکی می باشد که شامل ابزار انتخاب (Selection Tools)، متن و فونت، رنگ و غیره می باشد.

نوار ابزار واقع در سمت چپ نرم افزار

وقتی بیشتر به این نرم افزار دقت کنید متوجه خواهید شد که ابزارهای گرافیکی زیادی ندارد و برخلاف نامش (Google Web Designer) امکانات کمی در زمینه طراحی گرافیکی دارد. اما وقتی می خواهید یک تبلیغ آنلاین طراحی کنید ابزارها و امکانات بسیار خوبی در اختیار کاربران قرار می دهد. همچنین وقتی یک پروژه جدید ایجاد می کنید، می توانید از چندین تمپلیت آماده در نرم افزار استفاده کنید.

تمپلیت آماده در نرم افزار

سازگاری کامل نرم افزار گوگل وب دیزاینر با تبلیغات گوگل ادز:

بسیاری از قالب ها و امکانات موجود در گوگل وب دیزاینر با توجه به نیازهای سرویس گوگل ادوردز ایجاد شده اند. اگرچه کاربران می توانند تبلیغات بندی ساده و حتی لایت باکس دلخواه خود را توسط نرم افزار Google Web Designer تولید کنند. برای نمونه ما در این مقاله می خواهیم بنری برای گوگل ادز و AdMob طراحی کنیم. طرح های موجود مطابق تصویر زیر خواهند بود:

بنری برای گوگل ادز و AdMob

پس از اینکه یک طرح را انتخاب کردید، صفحه ای که مشاهده می کنید شبیه شکل زیر خواهد بود:

در بالای تنظیمات پایه، می توانید تنظیماتی مانند انتخاب رنگ و لایه را مشاهده کنید.

اعتبارسنجی تبلیغ یا Ad Validator:

بخش دیگری که در این مرحله وجود دارد اعتبارسنجی تبلیغ یا Ad Validator است که سرویس گوگل وب دیزاینر اعتبار و صحت تبلیغ شما را بررسی می کند و اگر خطایی در آن مشاهده کند در این بخش اعلام خواهد شد. این خطاها می توانند لود نشدن المان های تبلیغ مانند تصویر باشند یا آدرس (URL) اشتباه در تبلیغ (ارور 404) و…

اعتبارسنجی تبلیغ یا Ad Validator

ابزار Ad Validator می تواند تبلیغ شما را فشرده سازی کند تا سرعت لود آن در مرورگر افزایش یابد. فرآیند ویرایش تبلیغات کاری ساده است زیرا ابزار زیادی برای ویرایش تبلیغ در نرم افزار Google Web Designer وجود ندارد. شما می توانید متن دلخواه خود را با دابل کلیک روی بخش های موجود در تبلیغ اضافه کنید (تصویر زیر)

ابزار Ad Validator

شما همچنین امکان انتخاب و جایگزینی تصاویر را از سیستم کامپیوتر خود خواهید داشت. مطابق شکل زیر:

امکان انتخاب و جایگزینی تصاویر

طراحی تبلیغات تعاملی (Interactive):

اگر شما بخواهید یک تبلیغ استاتیک ساده طراحی کنید زمان زیادی طول نخواهد کشید. اما اگر بخواهید امکانات و ویژگی های تعاملی (Interactive Features) به تبلیغ خود اضافه کنید، قضیه کمی فرق خواهد کرد. برای افزودن رویدادهای دلخواه خود به المان های تبلیغ، روی بخش موردنظر خود راست کلیک کرده و مطابق تصویر زیر گزینه add event را انتخاب کنید.

گزینه add event

امکان فعال سازی یا Trigger رویدادها در این بخش به دو صورت Mouse و Touch وجود دارد. به این بستگی دارد که تبلیغ شما روی کدام دستگاه ها نمایش می یابد مانند: موبایل، تبلت یا کامپیوترهای رومیزی یا دسکتاپ و لپ تاپ.

فعال سازی یا Trigger رویدادها

هر یک از گزینه های فوق، تریگرهای مختص خود را دارد. در تصویر زیر، تریگر ماوس را مشاهده می کنید:

تریگر ماوس

همچنین می توان از لیست اکشن های نتیجه (result actions) آیتم موردنظر را انتخاب کرد.

با انتخاب گزینه بالا می توانید استایل های CSS دلخواه را برای تبلیغ خود تعریف کنید. در ضمن امکان استفاده از رویدادهای خاص در گوگل ادوردز برای تبلیغ تان وجود دارد. برای مطالعه راهنمای پیاده سازی تبلیغات داینامیک در Google Web Designer کلیک کنید.

مشاهده پیش نمایش (Preview) تبلیغات:

وقتی مراحل طراحی تبلیغ خود را در گوگل وب دیزاینر به پایان رساندید، می توانید پیش نمایش (preview) آن را در مرورگرهای مختلف ملاحظه کنید تا از صحت عملکرد آن مطمئن شوید.

پیش نمایش (preview)

در حین تست اجرای تبلیغات آنلاین در نرم افزار Google Web Designer ممکن است تبلیغ شما در مرورگر کروم بدرستی نمایش داده شود و در سایر مرورگرها با مشکل لود شود. برای خطایابی و رفع اشکال تبلیغات طراحی شده خود می توانید بین تب code و design سوئیچ کنید.

نرم افزار Google Web Designer

اگر شما توانایی کدنویسی سمت کاربر (front end) را داشته باشید، می توانید در این بخش کدهای دلخواه خود را ویرایش کنید و نتیجه را بصورت زنده (real time) مشاهده کنید. نکته مثبت دیگری که نرم افزار Web Designer گوگل دارد اینست که کد خروجی آن تمیز و منظم است.

 

دلایل استفاده از نرم افزار Google Web Designer:

اگر می خواهید تبلیغات آنلاین طراحی کنید حتما باید اپلیکیشن گوگل وب دیزاینر را امتحان کنید. همانطور که قبلا بیان کردیم این نرم افزار امکانات و ویژگی های خوبی نظیر تطابق با سرویس گوگل ادز دارد. اگرچه نام این سرویس (Google Web Designer) بدین گونه است که تصور می شود می توان طرح کلی یک وب سایت را در آن پیاده سازی کرد، اما در واقع برای طراحی بنرهای تبلیغاتی ساده و همچنین تبلیغات گوگل ادز مناسب می باشد.

چنان چه شما هم اکنون از یک نرم افزار دیگر برای دیزاین تبلیغات آنلاین خود استفاده می کنید، شاید بصرفه نباشد که بخواهید از این به بعد از اپلیکیشن Google Webdesigner استفاده کنید. اگرچه امکاناتی که این نرم افزار برای طراحی تبلیغات تعاملی دارد را هیچ نرم افزار دیگری ندارد.

اپلیکیشن Google Webdesigner

نتیجه گیری:

تولید تبلیغات آنلاین می تواند چالش انگیز و زمانبر باشد بخصوص اگر شما هیچ پیش زمینه ای در طراحی گرافیکی نداشته باشید و امکان هزینه کردن برای یک فرد گرافیست را هم نداشته باشید. اما اگر با گرافیک و نرم افزارهای گرافیکی کمی آشنا باشید اوضاع بهتر خواهد بود.

با استفاده از قالب (template) های آماده نرم افزار می توان طرح کلی دلخواه خود را انتخاب کنید و آن را مطابق سلیقه خود ویرایش کنید. در نهایت می توان کد تبلیغات را بعنوان خروجی دانلود کرد.

0/5 ( 0 نظر )

این مقاله را در شبکه‌های اجتماعی به اشتراک بگذارید!

Share on facebook
Share on google
Share on linkedin
Share on telegram
Share on email

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

آخرین کتاب‌های الکترونیکی

مقالات اخیر

مقالات تصادفی

فهرست کلی مقالات

کتاب آموزش گوگل آنالیتیکس

دانلود رایگان کتاب الکترونیکی

آموزش تصویری گوگل آنالیتیکس

آموزش کامل فعال‌سازی HTTPS در وردپرس

دانلود کتاب "فعال‌سازی HTTPS در وردپرس"

دانلود رایگان کتاب الکترونیکی

معرفی بهترین ابزارهای بازاریابی محتوا در سال 2019

دانلود رایگان کتاب الکترونیکی "معرفی بهترین ابزارهای بازاریابی محتوا در سال 2019"