چگونه یک Google نموذج را در WordPress تعبیه کنیم
پاسخ سریع: در Google نموذج خود، روی Send کلیک کنید، آیکون تعبیه را انتخاب کنید، و کد آیفریم را کپی کنید. در WordPress، یک بلوک Custom HTML در ویرایشگر اضافه کنید و کد را مستقیماً بچسبانید. اگر فرم پس از ذخیره ظاهر نشود، احتمالاً تنظیمات WordPress شما آیفریمها را حذف میکند — یک افزونه که تعبیههای HTML خام را اجازه میدهد این را رفع میکند.
تعبیه یک Google نموذج مستقیماً در یک صفحه یا نوشته WordPress، بازدیدکنندگان را در سایت شما نگه میدارد بهجای فرستادن آنها به یک لینک جداگانه forms.google.com. مکانیسم ساده است — همان کد تعبیه آیفریمی که Google برای هر وبسایتی به شما میدهد — اما WordPress چند ویژگی خاص دارد که پیش از چسباندن آن ارزش دانستن دارد. این راهنما مراحل مخصوص WordPress را پوشش میدهد؛ برای فرآیند کلی تعبیه در هر پلتفرمی، به دلیل ما درباره تعبیه یک Google نموذج در یک وبسایت مراجعه کنید.
مرحله ۱: کد تعبیه را از Google نماذج بگیرید
فرمی را که میخواهید تعبیه کنید باز کرده و روی Send در گوشه بالا سمت راست کلیک کنید. در کادر گفتگوی Send، روی آیکون تعبیه کلیک کنید — شبیه < > به نظر میرسد — کنار آیکونهای لینک و ایمیل. Google یک برچسب آیفریم تولید میکند، و میتوانید عرض و ارتفاع پیشفرض را درست در آن کادر گفتگو پیش از کپی کردن تنظیم کنید. روی Copy کلیک کنید تا کل قطعه HTML گرفته شود.
مرحله ۲: یک بلوک Custom HTML در WordPress اضافه کنید
صفحه یا نوشتهای را که میخواهید فرم در آن ظاهر شود، در ویرایشگر بلوک WordPress باز کنید. روی + برای افزودن یک بلوک جدید کلیک کنید، Custom HTML را جستجو کرده و آن را انتخاب کنید. کد آیفریمی را که از Google نماذج کپی کردید مستقیماً در آن بلوک بچسبانید — نیازی به تغییر آن نیست مگر بخواهید اندازه را تنظیم کنید. از تب Preview بلوک (کنار تب HTML، درون بلوک) برای بررسی رندر آن پیش از ذخیره صفحه استفاده کنید.
وقتی آیفریم حذف میشود: رفع فرمی که نمایش داده نمیشود
در برخی پیکربندیهای WordPress، فرم پس از ذخیره یا انتشار اصلاً ظاهر نمیشود، حتی اگر کد را درست چسبانده باشید. این معمولاً به این دلیل رخ میدهد که یک افزونه امنیتی یا یک راهاندازی میزبانی سختگیرانه برچسبهای iframe خام را از محتوای نوشته فیلتر میکند، زیرا آیفریمها اگر از منابع نامعتبر بدون بررسی رها شوند میتوانند خطر امنیتی باشند. اگر این برای شما اتفاق افتاد، راهحل معمولاً پیدا کردن یک افزونه WordPress ساده و بهخوبی بررسیشده است که کار مشخصش اجازه دادن تعبیههای مبتنی بر iframe یا شورتکد از فیلتر محتواست — دایرکتوری افزونههای WordPress را برای افزونههای «iframe» یا «embed» جستجو کنید و پیش از نصب یکی، بررسیها و تازگی بهروزرسانی را چک کنید، زیرا ما در اینجا افزونه خاصی را آزمایش یا تأیید نکردهایم. بهطور جایگزین، بررسی کنید آیا افزونه امنیتی موجود شما تنظیمی برای اجازه دادن برچسبهای HTML خاصی مانند iframe دارد.
مرحله ۳: رفع نوار پیمایشی که قسمتی از فرم شما را میبرد
ارتفاع پیشفرض تعبیه Google اغلب برای چیزی فراتر از چند سؤال خیلی کوتاه است، به این معنی که پاسخدهندگان یک نوار پیمایش داخلی فشردهشده در یک کادر کوچک میگیرند بهجای دیدن کل فرم. بلوک Custom HTML را باز کنید، ویژگی height="…" را در برچسب آیفریم پیدا کنید، و عدد را افزایش دهید — برای فرمی طولانیتر، از تنظیم آن به مقداری خیلی بالاتر از پیشفرض نترسید، زیرا فضای خالی اضافی در پایین برای بازدیدکننده بسیار کمتر آزاردهنده از یک پنجره پیمایش تنگ است. فرمول دقیقی وجود ندارد؛ ارتفاع درست به تعداد سؤالات شما بستگی دارد، بنابراین تنظیم کنید و پیشنمایش کنید تا کل فرم بدون نوار پیمایش خودش قابل مشاهده باشد.
واکنشگرایی موبایل بر اساس قالب متفاوت است
یک Google نموذج تعبیهشده خودش واکنشگراست، اما اینکه چگونه درون طرحبندی قالب WordPress شما جای میگیرد به قالب بستگی دارد — برخی قالبها آیفریمهای تعبیهشده را بهخوبی درون عرض محتوای خود محدود میکنند، در حالی که برخی دیگر اجازه میدهند یک آیفریم با عرض ثابت از صفحه در یک گوشی سرریز شود. چون این موضوع خیلی بر اساس قالب متفاوت است، فقط به پیشنمایش دسکتاپ اعتماد نکنید: صفحه منتشرشده را روی یک گوشی واقعی باز کنید و پیش از اینکه کار را تمام بدانید، فرم تعبیهشده را پیمایش کنید.
چه زمانی فقط پیوند دهیم بهجای تعبیه
تعبیه زمانی عالی است که میخواهید فرم بخشی از صفحه به نظر برسد، اما همیشه ضروری نیست. اگر فقط نیاز دارید بازدیدکنندگان فرمی را پر کنند و اهمیتی به نگه داشتن آنها در سایت WordPress خود نمیدهید، یک لینک ساده سادهتر است، هیچ خطر حذف آیفریم ندارد، و فرم را در طرحبندی بهینهشده برای موبایل خود Google باز میکند بهجای درون محدودیتهای قالب شما. برای گزینههای مختلف لینک و کد QR، به دلیل ما درباره اشتراکگذاری یک Google نموذج مراجعه کنید.
چکلیست سریع
- کد آیفریم را کپی کنید از Send > Embed در Google نموذج خود.
- از یک بلوک Custom HTML استفاده کنید، نه بلوکهای معمولی پاراگراف یا تعبیه، در ویرایشگر WordPress.
- اگر فرم پس از ذخیره ناپدید شد، به دنبال افزونهای بگردید که تعبیههای آیفریم را اجازه میدهد، یا تنظیمات فیلتر HTML افزونه امنیتی خود را بررسی کنید.
- مقدار ارتفاع را افزایش دهید اگر یک نوار پیمایش پایین فرم را میبرد.
- همیشه روی یک گوشی واقعی آزمایش کنید پیش از اینکه تعبیه را تمامشده در نظر بگیرید — رفتار قالب خیلی متفاوت است که فقط به یک پیشنمایش دسکتاپ اعتماد کنید.
سؤالات متداول
چگونه کد تعبیه یک Google نموذج را بگیرم؟
فرم خود را باز کنید، روی Send کلیک کنید، آیکون تعبیه (< >) را انتخاب کنید، در صورت تمایل عرض و ارتفاع را تنظیم کنید، سپس روی Copy کلیک کنید تا کد HTML آیفریم کپی شود.
کدام بلوک WordPress را باید برای تعبیه یک Google نموذج استفاده کنم؟
از بلوک Custom HTML در ویرایشگر بلوک استفاده کنید. یک بلوک جدید اضافه کنید، «Custom HTML» را جستجو کنید، و کد آیفریمی را که Google به شما داده مستقیماً در آن بچسبانید.
چرا Google نموذج من پس از چسباندن کد تعبیه در WordPress ظاهر نمیشود؟
برخی پیکربندیها و افزونههای امنیتی WordPress برچسبهای iframe خام را به دلایل امنیتی از محتوا حذف میکنند. اگر فرم شما پس از ذخیره ناپدید شود، به دنبال افزونهای ساده و بهخوبی بررسیشده بگردید که صراحتاً iframe یا تعبیههای شورتکد را اجازه میدهد، و تنظیمات افزونه امنیتی خود را برای گزینه فیلتر HTML بررسی کنید.
چرا یک نوار پیمایش قسمتی از فرم تعبیهشده من را میبرد؟
ارتفاع پیشفرض آیفریم اغلب برای فرمهای طولانیتر خیلی کوتاه است. مقدار ارتفاع را در کد تعبیه افزایش دهید تا کل فرم بدون نوار پیمایش داخلی خودش جا شود.