Yazılış tarihi: Eki 14, 2010

Facebook Sayfasında Google Form

Google formları, ücretsiz, sade ve Google Docs ile entegre olduğu için çok kullanışlı. Siz formunuzu yaratıyorsunuz ve formu doldurduğunuz ayarladığınız formatta bir xls çıktısı oluşuyor, saatlerce kopyala yapıştır yapmaktan kurtarır.

Facebook ise 2010 itibariyle FBML kodları içerisinde iframe kullanımını engelledi. Google formlarını ise <iframe> tag’i kullanmadan Facebook tabında kullanmanın bir yolunu aradım ve buldum. Bilginistan Kulübü üyelik formu için de uyguladım.

Statik FBML (Facebook Markup Language) ile oluşturduğumuz herhangi bir Facebook sayfası tabında Google form kullanmak isteyenler bunları yapmalı;

Google Dokumanlarda bir form yarattığınızı varsayıyorum ve başlıyoruz,

1- Formun çıktı dosyasında Form sekmesine tıklayın ve “Formu web sayfasına katıştır” ‘a tıklayın, ya da formun oluşturulduğu sayfada iseniz “Diğer Eylemler” butonuna tıklayarak, “Katıştır” ‘ı seçebilirsiniz.

2- Aşağıdaki gibi bir <iframe> kodu verecek bize bu koddan kaynak bağlantıyı kopyalıyor ve tarayıcıya yapıştırıyoruz;

<iframe src=”https://spreadsheets.google.com/embeddedform?formkey=dGlWNmdNR83T2JYYUl6dFVqUlBiZmc6Q” width=”760″ height=”886″ frameborder=”0″ marginheight=”0″ marginwidth=”0″>Yükleniyor…</iframe>

Gideceğimiz adres; https://spreadsheets.google.com/embeddedform?formkey=dGlWNmdNR83T2JYYUl6dFVqUlBiZmc6Q (örnektir, çalışmaz)

3- Ardından ziyaret ettiğimiz sayfanın kaynağını görüntülüyor, kaynak kodlarını kopyalıyoruz ve Facebook’taki FBML ‘ye yapıştırıyoruz.

picture 8 300x189 Facebook Sayfasında Google Form

4- Şimdi Doctype, html, head, meta ve title tag’ini silmemiz gerekiyor,

Burayı tamamen siliyoruz; <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”><html><head><meta http-equiv=”Content-type” content=”text/html; charset=utf-8″>
<title>test</title>

<link> tag’inin başlangıcına kadar silin.

5- <link> tag’inde bulunan linkin başına http:// eklemeliyiz,

yani sonuç olarak;

Böyle olan ilk hali; <link href=’//spreadsheets.google.com/client/css/1968101144-embedded_form_compiled.css’ type=’text/css’ rel=’stylesheet’>

Böyle olmalı; <link href=’http://spreadsheets.google.com/client/css/1968101144-embedded_form_compiled.css’ type=’text/css’ rel=’stylesheet’>”

6- Şimdi ise; </head><body class=”ss-base-body” dir=”ltr”> kodunu siliyoruz,

Kodların en aşağısında bulunan </body></html> tag’lerini de silelim.

7- Son olarak; <label for=”entry_0″>isim</label> kodunu gördüğümüz yerlerin ardından <br> tagini de kullanırsak güzel bir görünüm elde edeceğiz. yani şöyle olacak; <label for=”entry_0″>isim</label><br>


Kaydet tuşuna basıyoruz, bir sorun yaşarsanız da burdan yorum yazıyoruz

Sosyallere Gönder;   

1 Yorum var