วิธีฝัง Google ฟอร์มลงใน WordPress
คำตอบสั้น ๆ: ใน Google ฟอร์มของคุณ คลิก Send เลือกไอคอนฝัง แล้วคัดลอกโค้ด iframe ใน WordPress เพิ่มบล็อก Custom HTML ในตัวแก้ไขแล้ววางโค้ดลงไปโดยตรง หากฟอร์มไม่ปรากฏหลังจากบันทึก การตั้งค่า WordPress ของคุณอาจกำลังลบ iframe ออก — ปลั๊กอินที่อนุญาตการฝัง HTML ดิบจะแก้ปัญหานี้ได้
การฝัง Google ฟอร์มโดยตรงลงในหน้าหรือโพสต์ WordPress ช่วยให้ผู้เยี่ยมชมอยู่บนเว็บไซต์ของคุณแทนที่จะส่งพวกเขาไปยังลิงก์ forms.google.com แยกต่างหาก กลไกนั้นง่าย — มันคือโค้ดฝัง iframe เดียวกันกับที่ Google ให้คุณสำหรับเว็บไซต์ใดก็ตาม — แต่ WordPress มีข้อควรระวังสองสามอย่างที่ควรรู้ก่อนที่คุณจะวางมันลงไป คู่มือนี้ครอบคลุมขั้นตอนเฉพาะของ WordPress สำหรับกระบวนการฝังทั่วไปในทุกแพลตฟอร์ม ดูคู่มือของเราเรื่อง การฝัง Google ฟอร์มลงในเว็บไซต์
ขั้นตอนที่ 1: รับโค้ดฝังจาก Google ฟอร์ม
เปิดฟอร์มที่คุณต้องการฝังและคลิก Send ที่มุมบนขวา ในกล่องโต้ตอบ Send คลิกไอคอนฝัง — มีลักษณะเหมือน < > — ถัดจากไอคอนลิงก์และอีเมล Google จะสร้างแท็ก iframe และคุณสามารถปรับความกว้างและความสูงเริ่มต้นได้ในกล่องโต้ตอบนั้นก่อนคัดลอก คลิก Copy เพื่อรับโค้ด HTML ทั้งหมด
ขั้นตอนที่ 2: เพิ่มบล็อก Custom HTML ใน WordPress
เปิดหน้าหรือโพสต์ที่คุณต้องการให้ฟอร์มปรากฏ ในตัวแก้ไขบล็อกของ WordPress คลิก + เพื่อเพิ่มบล็อกใหม่ ค้นหา Custom HTML และเลือก วางโค้ด iframe ที่คุณคัดลอกจาก Google ฟอร์มลงในบล็อกนั้นโดยตรง — ไม่จำเป็นต้องแก้ไขเว้นแต่คุณต้องการปรับขนาด ใช้แท็บ Preview ของบล็อก (ถัดจากแท็บ HTML ภายในบล็อก) เพื่อตรวจสอบการแสดงผลก่อนที่คุณจะบันทึกหน้า
เมื่อ iframe ถูกลบออก: การแก้ไขฟอร์มที่ไม่แสดง
ในการตั้งค่า WordPress บางแบบ ฟอร์มจะไม่ปรากฏหลังจากที่คุณบันทึกหรือเผยแพร่ แม้ว่าคุณจะวางโค้ดถูกต้องแล้วก็ตาม สิ่งนี้มักเกิดขึ้นเพราะปลั๊กอินความปลอดภัยหรือการตั้งค่าโฮสติ้งที่เข้มงวดกรองแท็ก iframe ดิบออกจากเนื้อหาโพสต์ เนื่องจาก iframe อาจเป็นความเสี่ยงด้านความปลอดภัยหากไม่ตรวจสอบจากแหล่งที่ไม่น่าเชื่อถือ หากสิ่งนี้เกิดขึ้นกับคุณ วิธีแก้โดยทั่วไปคือหาปลั๊กอิน WordPress ที่เรียบง่ายและได้รับรีวิวดีซึ่งมีหน้าที่เฉพาะในการอนุญาตให้การฝัง iframe หรือแบบ shortcode ผ่านตัวกรองเนื้อหาได้ — ค้นหาในไดเรกทอรีปลั๊กอิน WordPress สำหรับปลั๊กอิน "iframe" หรือ "embed" และตรวจสอบรีวิวและความล่าสุดของการอัปเดตก่อนติดตั้ง เนื่องจากเราไม่ได้ทดสอบหรือรับรองปลั๊กอินใดโดยเฉพาะที่นี่ อีกทางเลือกหนึ่งคือตรวจสอบว่าปลั๊กอินความปลอดภัยที่มีอยู่ของคุณมีการตั้งค่าที่อนุญาตแท็ก HTML เฉพาะอย่าง iframe หรือไม่
ขั้นตอนที่ 3: แก้ไขแถบเลื่อนที่ตัดฟอร์มของคุณ
ความสูงเริ่มต้นของการฝังของ Google มักสั้นเกินไปสำหรับอะไรก็ตามที่มากกว่าคำถามไม่กี่ข้อ ซึ่งหมายความว่าผู้ตอบจะได้รับแถบเลื่อนภายในที่ถูกบีบเข้าไปในกล่องเล็ก ๆ แทนที่จะเห็นฟอร์มทั้งหมด เปิดบล็อก Custom HTML ค้นหาแอตทริบิวต์ height="…" ในแท็ก iframe แล้วเพิ่มตัวเลข — สำหรับฟอร์มยาว ๆ อย่ากลัวที่จะตั้งค่าให้สูงกว่าค่าเริ่มต้นมาก เนื่องจากพื้นที่ว่างเพิ่มเติมที่ด้านล่างสร้างความรำคาญให้ผู้เยี่ยมชมน้อยกว่าหน้าต่างเลื่อนที่แคบมาก ไม่มีสูตรที่แน่นอน ความสูงที่เหมาะสมขึ้นอยู่กับจำนวนคำถามที่คุณมี ดังนั้นปรับและดูตัวอย่างจนกว่าฟอร์มทั้งหมดจะมองเห็นได้โดยไม่มีแถบเลื่อนของตัวเอง
การตอบสนองบนมือถือแตกต่างกันไปตามธีม
Google ฟอร์มที่ฝังไว้เป็นแบบตอบสนองในตัวมันเอง แต่การที่มันแสดงในเลย์เอาต์ของธีม WordPress ของคุณขึ้นอยู่กับธีม — บางธีมจำกัด iframe ที่ฝังไว้ให้อยู่ในความกว้างของเนื้อหาได้ดี ในขณะที่บางธีมปล่อยให้ iframe ความกว้างคงที่ล้นออกนอกหน้าบนหน้าจอโทรศัพท์ เนื่องจากสิ่งนี้แตกต่างกันมากตามธีมและตัวสร้างหน้า อย่าเชื่อการดูตัวอย่างบนเดสก์ท็อปเพียงอย่างเดียว — เปิดหน้าที่เผยแพร่แล้วบนโทรศัพท์จริงและเลื่อนดูฟอร์มที่ฝังไว้ก่อนที่จะถือว่างานเสร็จสิ้น
เมื่อไหร่ที่ควรใช้ลิงก์แทนการฝัง
การฝังเหมาะสมเมื่อคุณต้องการให้ฟอร์มรู้สึกเหมือนเป็นส่วนหนึ่งของหน้า แต่ไม่จำเป็นเสมอไป หากคุณเพียงต้องการให้ผู้เยี่ยมชมกรอกฟอร์มและไม่สนใจว่าจะให้พวกเขาอยู่บนเว็บไซต์ WordPress ของคุณหรือไม่ ลิงก์ธรรมดาจะง่ายกว่า ไม่มีความเสี่ยงที่ iframe จะถูกลบออกเลย และเปิดฟอร์มในเลย์เอาต์ที่ปรับให้เหมาะกับมือถือของ Google เองแทนที่จะอยู่ในข้อจำกัดของธีมของคุณ ดูคู่มือของเราเรื่อง การแชร์ Google ฟอร์ม สำหรับตัวเลือกลิงก์และ QR โค้ดที่แตกต่างกัน
รายการตรวจสอบอย่างรวดเร็ว
- คัดลอกโค้ด iframe จาก Send > Embed ใน Google ฟอร์มของคุณ
- ใช้บล็อก Custom HTML ไม่ใช่บล็อกย่อหน้าปกติหรือบล็อกฝังทั่วไป ในตัวแก้ไข WordPress
- หากฟอร์มหายไปหลังบันทึก ให้มองหาปลั๊กอินที่อนุญาตการฝัง iframe หรือตรวจสอบการตั้งค่ากรอง HTML ของปลั๊กอินความปลอดภัยของคุณ
- เพิ่มค่าความสูง หากแถบเลื่อนกำลังตัดส่วนล่างของฟอร์ม
- ทดสอบบนโทรศัพท์จริงเสมอ ก่อนที่จะถือว่าการฝังเสร็จสมบูรณ์ — พฤติกรรมของธีมแตกต่างกันมากเกินกว่าจะเชื่อการดูตัวอย่างบนเดสก์ท็อปเพียงอย่างเดียว
คำถามที่พบบ่อย
ฉันจะรับโค้ดฝังสำหรับ Google ฟอร์มได้อย่างไร?
เปิดฟอร์มของคุณ คลิก Send เลือกไอคอนฝัง (< >) ปรับความกว้างและความสูงตามต้องการ แล้วคลิก Copy เพื่อคัดลอกโค้ด HTML ของ iframe
ควรใช้บล็อกใดของ WordPress ในการฝัง Google ฟอร์ม?
ใช้บล็อก Custom HTML ในตัวแก้ไขบล็อก เพิ่มบล็อกใหม่ ค้นหา "Custom HTML" แล้ววางโค้ด iframe ที่ Google ให้มาลงไปโดยตรง
ทำไม Google ฟอร์มของฉันไม่แสดงหลังจากที่วางโค้ดฝังใน WordPress?
การตั้งค่า WordPress และปลั๊กอินความปลอดภัยบางตัวจะลบแท็ก iframe ดิบออกจากเนื้อหาเพื่อความปลอดภัย หากฟอร์มของคุณหายไปหลังบันทึก ให้มองหาปลั๊กอินที่เรียบง่ายและได้รับรีวิวดีที่อนุญาต iframe หรือการฝังแบบ shortcode โดยชัดเจน และตรวจสอบการตั้งค่าปลั๊กอินความปลอดภัยของคุณว่ามีตัวเลือกกรอง HTML หรือไม่
ทำไมถึงมีแถบเลื่อนตัดฟอร์มที่ฝังไว้ของฉัน?
ความสูงเริ่มต้นของ iframe มักสั้นเกินไปสำหรับฟอร์มยาว ๆ เพิ่มค่าความสูงในโค้ดฝังจนกว่าฟอร์มทั้งหมดจะพอดีโดยไม่มีแถบเลื่อนภายในของตัวมันเอง