Embed Google Form

Reza Noprial Lubis

January 14, 2024

February 03, 2024

Share to Facebook Share to Twitter/X Share to LinkedIn Share to WhatsApp Share to Pinterest Share to Reddit

Google Form tentu akan menampilkan beragam pertanyaan yang kepada pengguna. Formulir itu mungkin terlihat di halaman situs web atau HTML. Itu disebut sebagai Embed.

Halaman ini akan menjelaskan lebih jauh tentang Embed Google Form, dan langkah-langkah menerapkannya. Mari kita pelajari.

Tentang Embed Form

Istilah "Embed" dalam konteks teknologi informasi sering merujuk pada konsep "embedding" atau "embed" dalam pemrograman dan pengembangan perangkat lunak. Ini berkaitan dengan proses menyematkan atau menyisipkan suatu objek atau elemen ke dalam konteks yang lebih luas atau host.

Secara sederhana, Embed berupa kode-kode yang dapat diterima dalam mode HTMl, untuk ditampilkan kepada pengunjung.

Cara Embed Google Form

Sekarang, akan dijelaskan lebih detail tentang tahapan melakukan Embed Google Form. Mari kita mulai.

Temukan menu Kirim pada formulir
Pilih tombol kirim yang untuk mengirim Google Form Anda. Ini akan memunculkan kotak dialog baru, untuk pengaturan lanjutan.
Pilih Ikon Source
Pada kotak dialog yang muncul, pilih icon source (). Lihat gambar berikut sebagai panduan:
Atur Lebar ukuran form
Disini, Anda dapat mengatur lebar dan tinggi dari formulir. Ini berguna saat formulir itu ditampilkan HTML atau situs web Anda.

Salin kode HTML

Salin semua sumber kode HTML yang ada, kemudian tempel pada halaman HTML Anda. Biasanya, kode akan terlihat seperti ini:

<iframe src="https://docs.google.com/forms/d/e/kode_unik_formulir_anda/viewform?embedded=true" width="640" height="1746" frameborder="0" marginheight="0" marginwidth="0">Memuat…</iframe>

Tempel kode
Tempelkan HTML yang disalin sebelumnya, dimanapun (HTML). Bila Anda menggunakan Blog, tempelkan dalam mode HTML, dan atur tampilan sesuka hati.

Kesimpulan

Cara Embed Google Form hanya dengan menempelkan kode HTML yang tersedia pada Google Form. Menempelkan HTML pada halaman situs web dapat dengan mudah dilakukan. Untuk dapat menemukan IFRAME HTML, dapat ditemukan saat mengirim File. Bila Anda tertarik mempelajari hal lebih lanjut tentang Google Form, dapat melihat halaman Panduan Google Form.

Comments


<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2591855913-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY5ZtzJ5BY_72UmZVKHZdydHaxlfzA:1730449360332';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1309450678872551342','//www.lubis.id/2024/01/embed-google-form.html','1309450678872551342');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '1309450678872551342', 'title': 'Lubis', 'url': 'https://www.lubis.id/2024/01/embed-google-form.html', 'canonicalUrl': 'https://www.lubis.id/2024/01/embed-google-form.html', 'homepageUrl': 'https://www.lubis.id/', 'searchUrl': 'https://www.lubis.id/search', 'canonicalHomepageUrl': 'https://www.lubis.id/', 'blogspotFaviconUrl': 'https://www.lubis.id/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en-GB', 'localeUnderscoreDelimited': 'en_gb', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Lubis - Atom\x22 href\x3d\x22https://www.lubis.id/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Lubis - RSS\x22 href\x3d\x22https://www.lubis.id/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Lubis - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/1309450678872551342/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Lubis - Atom\x22 href\x3d\x22https://www.lubis.id/feeds/3442578603564830155/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/6eb7ce967db05cf0', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Share to Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en_GB\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': true, 'jumpLinkMessage': 'Baca Selanjutnya \xbb', 'pageType': 'item', 'postId': '3442578603564830155', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLn8vBDtp-UlSJxfYih5I4px3YO7RvrqMDkm82t3orpgeAeQ1g3OFnwaV5AqMaXjVtzSE08j972gcvLjoxHOH6uyqVWBFMqSRGaYXT0kaxUOFNP0LJXVkFFEnVlz-k35LV9P4F0RoevBRYnIUibf97-LbSRahC4gbo3s85VOnnAhHbk-TluijQZHWF4DA/s72-c/Google_Form_Featured_Image.webp', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLn8vBDtp-UlSJxfYih5I4px3YO7RvrqMDkm82t3orpgeAeQ1g3OFnwaV5AqMaXjVtzSE08j972gcvLjoxHOH6uyqVWBFMqSRGaYXT0kaxUOFNP0LJXVkFFEnVlz-k35LV9P4F0RoevBRYnIUibf97-LbSRahC4gbo3s85VOnnAhHbk-TluijQZHWF4DA/s320/Google_Form_Featured_Image.webp', 'pageName': 'Embed Google Form', 'pageTitle': 'Lubis: Embed Google Form', 'metaDescription': 'Jika Anda ingin tahu dan ingin mempelajari lebih lanjut tentang cara Embed Google Form, maka Anda berada di tempat yang benar. Mari pelajari disini.'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard', 'ok': 'Ok', 'postLink': 'Post link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Embed Google Form', 'description': 'Jika Anda ingin tahu dan ingin mempelajari lebih lanjut tentang cara Embed Google Form, maka Anda berada di tempat yang benar. Mari pelajari disini.', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLn8vBDtp-UlSJxfYih5I4px3YO7RvrqMDkm82t3orpgeAeQ1g3OFnwaV5AqMaXjVtzSE08j972gcvLjoxHOH6uyqVWBFMqSRGaYXT0kaxUOFNP0LJXVkFFEnVlz-k35LV9P4F0RoevBRYnIUibf97-LbSRahC4gbo3s85VOnnAhHbk-TluijQZHWF4DA/s320/Google_Form_Featured_Image.webp', 'url': 'https://www.lubis.id/2024/01/embed-google-form.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 3442578603564830155}}, {'name': 'widgets', 'data': [{'title': 'JavaScript Variables', 'type': 'LinkList', 'sectionId': 'elcreative_panel_top', 'id': 'LinkList995'}, {'title': 'Lubis (Header)', 'type': 'Header', 'sectionId': 'section_app_bar', 'id': 'Header1'}, {'title': 'Main Menu', 'type': 'LinkList', 'sectionId': 'section_main_menu', 'id': 'LinkList999'}, {'title': '', 'type': 'PopularPosts', 'sectionId': 'section_search', 'id': 'PopularPosts999', 'posts': [{'title': 'Cara Mengubah Bodynote Menjadi Footnote di Mendeley', 'id': 3230355576143513206}, {'title': 'Validasi Jawaban di Google Form', 'id': 6887070788356317199}, {'title': 'Pertanyaan Sidang Munaqosah Yang Sering Muncul', 'id': 4861494623947274760}, {'title': 'Cara Mengirim Jurnal di OJS (5 Langkah Mudah)', 'id': 259928334419684830}, {'title': 'Ekspresi Reguler Google Form', 'id': 3755515105174143080}, {'title': 'Add On di Google Form', 'id': 8263811976000555291}]}, {'title': 'Hero', 'type': 'HTML', 'sectionId': 'section_block_top_home', 'id': 'HTML2'}, {'title': 'Logo', 'type': 'HTML', 'sectionId': 'section_block_top_home', 'id': 'HTML1'}, {'title': 'Feature', 'type': 'HTML', 'sectionId': 'section_block_top_home', 'id': 'HTML4'}, {'title': 'Meet our Team', 'type': 'HTML', 'sectionId': 'section_block_top_home', 'id': 'HTML3'}, {'title': 'Testimoni', 'type': 'HTML', 'sectionId': 'section_block_top_home', 'id': 'HTML5'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'section_main', 'id': 'Blog1', 'posts': [{'id': '3442578603564830155', 'title': 'Embed Google Form', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLn8vBDtp-UlSJxfYih5I4px3YO7RvrqMDkm82t3orpgeAeQ1g3OFnwaV5AqMaXjVtzSE08j972gcvLjoxHOH6uyqVWBFMqSRGaYXT0kaxUOFNP0LJXVkFFEnVlz-k35LV9P4F0RoevBRYnIUibf97-LbSRahC4gbo3s85VOnnAhHbk-TluijQZHWF4DA/s320/Google_Form_Featured_Image.webp', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'author', 'label': ''}, {'name': 'timestamp', 'label': 'Terbit'}, {'name': 'share', 'label': ''}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'Komentar'}, {'name': 'icons', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Kategori :'}]}, {'regionName': 'footer3', 'items': [{'name': 'location', 'label': 'Location:'}]}], 'allBylineItems': [{'name': 'author', 'label': ''}, {'name': 'timestamp', 'label': 'Terbit'}, {'name': 'share', 'label': ''}, {'name': 'comments', 'label': 'Komentar'}, {'name': 'icons', 'label': ''}, {'name': 'labels', 'label': 'Kategori :'}, {'name': 'location', 'label': 'Location:'}]}, {'title': 'Brand', 'type': 'Image', 'sectionId': 'section_footer_start', 'id': 'Image999'}, {'title': 'Social Link', 'type': 'LinkList', 'sectionId': 'section_footer_start', 'id': 'LinkList998'}, {'title': 'Links', 'type': 'LinkList', 'sectionId': 'section_footer_end', 'id': 'LinkList997'}, {'title': 'Contact Form', 'type': 'ContactForm', 'sectionId': 'hidden', 'id': 'ContactForm1'}]}]);
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList995', 'elcreative_panel_top', document.getElementById('LinkList995'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'section_app_bar', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList999', 'section_main_menu', document.getElementById('LinkList999'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts999', 'section_search', document.getElementById('PopularPosts999'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'section_block_top_home', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'section_block_top_home', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'section_block_top_home', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'section_block_top_home', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'section_block_top_home', document.getElementById('HTML5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'section_main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1888409851-lbx__en_gb.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image999', 'section_footer_start', document.getElementById('Image999'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList998', 'section_footer_start', document.getElementById('LinkList998'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList997', 'section_footer_end', document.getElementById('LinkList997'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'hidden', document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '1309450678872551342', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'contactFormToken': 'AOuZoY4-ED0JBtrr0-9K3RG1Qmy1EKya9g:1730449360333', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
</script>
</body>