ดูตัวอย่างโฆษณาหรือหน้า HTML ที่ทำไว้

คุณสามารถดูตัวอย่างโฆษณา HTML5 หรือหน้า HTML ในเบราว์เซอร์เพื่อดูลักษณะและการทํางาน รวมถึงเหตุการณ์ต่างๆ ที่จะเกิดขึ้นหลังเผยแพร่โฆษณาแล้ว

โฆษณาวิดีโอและโฆษณาแบบรูปภาพ

• ตัวเลือกการแสดงตัวอย่างที่อธิบายไว้ในหน้านี้ใช้ไม่ได้กับโฆษณาวิดีโอ
• โฆษณาแบบรูปภาพใช้ได้เฉพาะลิงก์ตัวอย่างที่แชร์ได้

หากต้องการดูตัวอย่างงานของคุณ ให้ใช้วิธีใดวิธีหนึ่งต่อไปนี้

1. คลิกปุ่มแสดงตัวอย่างมุมขวาบนของหน้าต่าง
2. เลือกไฟล์ > แสดงตัวอย่างจากเมนูด้านบน
3. กด Ctrl+Enter (Windows) หรือ ⌘+Enter (Mac)

คุณไม่สามารถดูตัวอย่างเอกสารในเบราว์เซอร์ด้วยการเปิดไฟล์ HTML ที่รวมอยู่ในไฟล์ต้นฉบับโดยตรง แต่ให้ใช้ฟังก์ชันการแสดงตัวอย่างของ Google Web Designer แทน

ตัวเลือกการแสดงตัวอย่าง

แสดงตัวอย่างในเบราว์เซอร์

วิธีการดูตัวอย่างงานที่เร็วที่สุดคือการดูในเบราว์เซอร์ของคอมพิวเตอร์ ในครั้งแรกคุณจะต้องเลือกเบราว์เซอร์ที่ต้องการใช้ หลังจากที่เลือกเบราว์เซอร์ไว้แล้ว การคลิกปุ่มแสดงตัวอย่างจะใช้เบราว์เซอร์นั้นโดยค่าเริ่มต้น

การเลือกเบราว์เซอร์

Google Web Designer จะตรวจหาเบราว์เซอร์ที่คุณติดตั้งไว้ หากต้องการดูตัวอย่างในเบราว์เซอร์ใดโดยเฉพาะ ให้คลิกลูกศรลงที่ปุ่มแสดงตัวอย่าง แล้วเลือกเบราว์เซอร์จากรายการ เบราว์เซอร์ที่คุณเลือกจะเป็นเบราว์เซอร์เริ่มต้นสำหรับการแสดงตัวอย่างในครั้งต่อๆ ไป

การเลือกขนาดที่ปรับเปลี่ยนตามอุปกรณ์

สําหรับเอกสารที่ปรับเปลี่ยนตามอุปกรณ์ คุณจะเลือกขนาดที่ต้องการแสดงตัวอย่างได้โดยการเปิดใช้แสดงตัวอย่างขนาดต่างๆ ในแผงการปรับเปลี่ยนตามอุปกรณ์

โหมดแสดงตัวอย่าง

Google Web Designer มีโหมดแสดงตัวอย่างหลายโหมดให้เลือก ขึ้นอยู่กับประเภทเอกสาร คุณจะเลือกโหมดแสดงตัวอย่างได้จากตัวควบคุมด้านบนของหน้าตัวอย่าง

ตารางด้านล่างนี้อธิบายถึงโหมดแสดงตัวอย่างที่ใช้ได้กับเอกสารของคุณ โฆษณาแบนเนอร์แบบง่ายจะไม่มีโหมดแสดงตัวอย่าง

หากเอกสารมีคอมโพเนนต์พารัลแลกซ์ การแสดงตัวอย่างจะจำลองหน้าเว็บบนอุปกรณ์เคลื่อนที่ซึ่งมีเนื้อหามากพอให้คุณเลื่อนที่ด้านบนและด้านล่างของคอมโพเนนต์

• อุปกรณ์ - เลือกอุปกรณ์เคลื่อนที่หรือกำหนดเอง
• หมุนอุปกรณ์ - เปลี่ยนระหว่างภาพบุคคลและภาพทิวทัศน์
• ขนาดวิวพอร์ต - หากเลือกกำหนดเองสำหรับอุปกรณ์ คุณจะกำหนดขนาดใหม่ได้โดยการแก้ไขช่องนี้ หรือลากแฮนเดิลปรับขนาดการแสดงตัวอย่าง

โฆษณาแบบพารัลแลกซ์มักใช้โหมดแสดงตัวอย่างแบบพารัลแลกซ์

ประเภทเอกสาร	โหมดแสดงตัวอย่าง
โฆษณาแบบขยายได้ โฆษณาคั่นระหว่างหน้า หรือหน้า HTML	คุณสามารถโต้ตอบกับตัวอย่างเอกสารเพื่อดูลักษณะการทำงานได้ โหมดแสดงตัวอย่าง - เลือกเดสก์ท็อปหรืออุปกรณ์เคลื่อนที่ หากเลือกอุปกรณ์เคลื่อนที่ คุณจะมีตัวเลือกเพิ่มเติมให้เลือกได้ดังนี้ อุปกรณ์ - เลือกอุปกรณ์เคลื่อนที่หรือกำหนดเอง หมุนอุปกรณ์ - เปลี่ยนระหว่างแนวตั้งและแนวนอน ขนาดวิวพอร์ต - หากเลือกกำหนดเองสำหรับอุปกรณ์ คุณอาจแก้ไขเป็นขนาดใหม่ได้ในช่องนี้ หรือลากแฮนเดิลเพื่อปรับขนาดการแสดงตัวอย่างตามต้องการ
ปรับเปลี่ยนตามอุปกรณ์	ตัวอย่างจะช่วยให้คุณเห็นภาพคร่าวๆ ว่าเอกสารที่ปรับเปลี่ยนตามอุปกรณ์จะแสดงผลออกมาในขนาดต่างๆ กันอย่างไร โหมดแสดงตัวอย่าง - เลือกขนาดเดียวหรือทุกขนาดเพื่อหลายๆ ขนาดพร้อมกัน รายการขนาดจะมีขนาดทั่วไปสําหรับสภาพแวดล้อมโฆษณาของคุณ รวมถึงขนาดที่จะแสดงเพิ่มเติมที่เปิดใช้ไว้ ขนาดที่กําหนดเอง - หากเลือกขนาดเดียว > กําหนดเอง คุณแก้ไขเป็นขนาดใหม่ได้ในช่องนี้โดยลากแฮนเดิลเพื่อปรับขนาดการแสดงตัวอย่าง หรือคลิกแถบสีเทาที่ด้านบนหรือด้านซ้ายของพื้นที่ตัวอย่าง
ไดนามิก	คุณสามารถดูตัวอย่างโฆษณาแบบไดนามิกซึ่งมีชุดข้อมูลตัวอย่างที่แตกต่างกันได้ โหมดแสดงตัวอย่าง - เลือกขนาดเดียวหรือข้อมูลตัวอย่างทั้งหมดเพื่อดูโฆษณาในเวอร์ชันต่างๆ โดยใช้ข้อมูลตัวอย่างที่แตกต่างกัน ข้อมูลตัวอย่าง - เลือกชุดข้อมูลตัวอย่างที่จะแสดง

หากมีเอกสารหลายประเภท

เอกสารบางประเภทจะยกเว้นตัวเลือกสำหรับเอกสารประเภทอื่นๆ

• โฆษณาแบบขยายได้และโฆษณาคั่นระหว่างหน้าจะแสดงได้เพียงครั้งละเวอร์ชันในตัวอย่าง แม้ว่าโฆษณาจะเป็นแบบปรับเปลี่ยนตามอุปกรณ์หรือแบบไดนามิกด้วย
• เอกสารที่เป็นทั้งแบบปรับเปลี่ยนตามอุปกรณ์และไดนามิก (ที่ไม่ใช่แบบขยายได้หรือโฆษณาคั่นระหว่างหน้า) จะแสดงตัวอย่างเป็นขนาดต่างๆ หรือฟีดต่างๆ พร้อมกัน แต่จะไม่แสดงทั้งขนาดและฟีด

โหลดตัวอย่างใหม่

หากต้องการรีเซ็ตตัวอย่างของโฆษณาหรือหน้า HTML ให้เป็นสถานะเริ่มต้น ให้คลิกปุ่มโหลดซ้ำ ทางด้านขวาของแถบควบคุมตัวอย่าง

หากกำลังดูตัวอย่างโฆษณาแบบปรับเปลี่ยนตามอุปกรณ์หรือแบบไดนามิกของหลายๆ เวอร์ชันอยู่ คุณอาจเลือกคลิกโหลดซ้ำ เฉพาะโฆษณาตัวใดตัวหนึ่งก็ได้

แชร์ลิงก์แสดงตัวอย่างหรือแสดงตัวอย่างในอุปกรณ์เคลื่อนที่

เลือกรับลิงก์ที่แชร์ได้ จากเมนูปุ่มแสดงตัวอย่างเพื่อสร้างคิวอาร์โค้ดและ URL ของตัวอย่าง คุณจะต้องลงชื่อเข้าใช้บัญชี Google

• สแกนคิวอาร์โค้ดด้วยอุปกรณ์เคลื่อนที่เพื่อไปยังหน้าเว็บที่แสดงโฆษณาของคุณ
• คลิกคัดลอกลิงก์เพื่อแชร์ URL ของหน้าเว็บกับผู้อื่นเพื่อให้ดูตัวอย่างโฆษณาจากเบราว์เซอร์ของตนได้

ในครั้งแรกที่คุณสร้างลิงก์ที่แชร์ได้ ระบบจะขอให้คุณให้สิทธิ์ Google Web Designer เพื่อแสดงตัวอย่างครีเอทีฟโฆษณาแบบดิสเพลย์สำหรับอุปกรณ์เคลื่อนที่

หากพบข้อผิดพลาด คุณอาจต้องออกจากระบบบัญชีใน Google Web Designer (เลือกอีเมลสําหรับเข้าสู่ระบบจากเมนูด้านบน) จากนั้นลงชื่อเข้าใช้และเลือกแสดงตัวอย่างครีเอทีฟโฆษณาสําหรับอุปกรณ์เคลื่อนที่ใน รายการตัวเลือก

หมายเหตุ: ตัวเลือกการแสดงตัวอย่างนี้จะปรากฏขึ้นเฉพาะกับโฆษณาที่มีสภาพแวดล้อมเป็นแบบ Display & Video 360, Google Ads หรือ AdMob เท่านั้น และจะไม่รองรับโฆษณา AMPHTML และโฆษณาที่ขยายได้ซึ่งขยายเป็นขนาดที่กำหนดเอง

ข้อจำกัดสำหรับโฆษณาบางประเภท

โฆษณาที่ปรับเปลี่ยนตามอุปกรณ์: หากโฆษณาปรับเปลี่ยนตามอุปกรณ์ คุณต้องเลือกขนาดที่เจาะจงสำหรับการแสดงตัวอย่าง สําหรับโฆษณาแบบรูปภาพหลายขนาด คุณสามารถเลือกได้หลายขนาด

โฆษณาแบบไดนามิก: โฆษณา HTML5 แบบไดนามิกจะแสดงเฉพาะองค์ประกอบที่เป็นตัวยึดตำแหน่งเท่านั้น ขณะนี้ยังไม่มีวิธีแชร์ตัวอย่างโฆษณา HTML5 พร้อมกับข้อมูลตัวอย่างหรือข้อมูลฟีด สําหรับโฆษณาแบบรูปภาพที่มีรูปแบบ คุณสามารถเลือกรวมรูปแบบหลายรายการไว้ในตัวอย่างได้

ภาพรวมของลิงก์ที่แชร์ได้และฟีเจอร์การแสดงตัวอย่างในอุปกรณ์เคลื่อนที่

ดูตัวอย่างการเปลี่ยนแปลง

ตัวอย่างที่สร้างขึ้นมาในเบราว์เซอร์แล้วจะไม่แสดงผลตามการเปลี่ยนแปลงที่คุณได้ทำกับเอกสารหรือข้อมูลตัวอย่างหลังจากนั้น แม้ว่าคุณจะโหลดการแสดงตัวอย่างซ้ำหรือรีสตาร์ทหน้านี้ก็ตาม หากต้องการดูสิ่งที่แก้ไขไป ให้เปิดตัวอย่างขึ้นมาใหม่