Facebook yorum formuyla yapılan yorumları bildirim olarak almak

facebook_yorumlar_mesajFacebook’un web siteleri için geliştirdiği en güzel araçlardan biriside commentbox yani yorum formuda diyebileceğimiz yorum kutusu.

 

Bu eklentiyi kendi blogunuza ekleyebileceğiniz detaylı adımları daha önce burada sizlerle paylaşmıştık, bu yazımızda Facebook yorum formu aracılığı ile yapılan yorumların  e-postanıza bildirim olarak gelmesini sağlayacak adımları paylaşıyoruz.

 

Bildiğiniz gibi yapılan yorumların e-postanıza gelmemesi Facebook yorum formunun  en büyük eksikliği bunu eksiği kapatmak için de, yine daha önce sizler paylaştığımız kendi iletişim formunuzu oluşturabileceğiniz yöneteme benzer bir işlem yapacağız bunun içinde yine jquery ve şuan adı Google Drive olan Google dökümanları kullanacağız.

 

Yapacağımız işlemlere başlamadan önce sizlere demo blogumuzda oluşturduğumuz formun linkini ve Google dökümanlar da hazırladığımız formun linkini paylaşıyoruz bu sayede yorum formunu test edebilirsiniz. 

 

 

Test blogumuza girip yorum formunu kullanarak bir yorum yazdıysanız, aynı anda Google Drive da hazırladığımız forma yansıdığını da göreceksiniz. Tabi buda sizin yaptığınız yorumun bize e-posta aracılığı ile bildirileceği anlamına gelir.

drive-form

Ayrıca bu form sayesinde tüm yorumlarınızı ayrı bir panelde toplayabilir yapılan yorumu ve yorum yapanı görebilirsiniz.

 

1.Adım Google Drive’da kendi formunuzu oluşturun.

Daha önce Facebook yorum formunu kendi blogunuza ekleyebileceğiniz adımları burada paylaştığımız için işe direk Google Drive’daki kendi formunuzu oluşturabileceğiniz adımlarla devam ediyorum.

 google-drive

 

Buradan Google hesabınızla oturum açtıktan sonra hemen solda bulunan oluştur yazan butona basın.

Açılan yeni sayfada varsayılan olarak “örnek soru 1” ve “örnek soru 2” diye iki bölüm karşılaşacaksınız.

 bölüm ekle

 

Bu sayfada her hangi bir değişiklik yapamadan önce sol üstte bulunan  Öğe ekle tona basıp Metin yazan bağlantıya tıklayıp, 4 adet daha bölüm oluşturun.

 

 

Oluşturduğunuz bölümlerin İD’leri ile jquery ile hazırladığımız kodun İD’lerinin bir birini tutması için yukarıdaki işlemi doğru olarak yapmanız gerekiyor.

 

6 adet bölüm hazırsa artık bunları düzenleyebilirsiniz bölümlerin düzenleyebilmek için her bölümün sağında bulunan kalem ikonuna tıkladıktan sonra kendinize göre adlandırabilirsiniz.

 

Biz 1.bölüme sayfa ismi, 2.bölüme sayfanın linki isimlerini verdik diğer bölümlere de sırası ile yorum yapanın ismi, yorum, yorum linki, yorumları düzenle diye adlandırdık siz isterseniz bu bölümleri daha sonra farklı adlandırabilirsiniz. formu gömFormunuz hazırsa sağ üstte bulunan Diğer eylemler yazan butona basın açılan pencerede göm yazan bağlantıya tıklayın ve sizi karşılayan pop up penceredeki kodları kodları kopyalayıp note pad benzeri bir programa yapıştırın

embeded

 

 

Bu kodlarda bulunan “formkey=” yazan bölümden sonra başlayıp “Q” harfiyle biten rakam ve harfler formunuzun İD’si oluyor bunları bir yere not alın daha sonra bunları kullanacağız.

 

Örnek: Kırmızı ile renklendirdiğim bölüm Bizim formumuzun İD’si

<iframe src="https://docs.google.com/spreadsheet/embeddedform?formkey=dEtGbUQ5UEE1SVd4NVpOTDRud0htRVE6MQ" width="760" height="699" frameborder="0" marginheight="0" marginwidth="0">Yükleniyor...</iframe>

 

Google dökümanlarda son olarak yapmanız gereken işlem yorum yapıldığında size bildirim gelmesi için bildirim kurallarını ayarlamak.

formun bildirim kuralı

 

Google dökümanların ana sayfasında forrmunuzun linkine tıkladıktan sonra açılan sayfada sırası ile Araçlar –>  Bildirim kuralları yolunu takip edin ve açılan pencerede, Herhangi bir değişiklik yapıldığında ve E-posta hemen yazan bölümleri işaretleyin.

bildirim-kuralları

 

 

Artık formumuz hazır olduğuna göre sıra Jquery kodlarını  ve formun İD’sini Facebook yorum formunun  kodlarına eklemeye geliyor.

 

2.Adım Jquery Kodlarını şablonunuza ekleyin

Aşağıdaki kodları kopyaladıktan sonra sırası ile

Bizim hazırladığımız


Sırası ile  Kumanda Paneli ➜ Tasarım ➜ HTML’yi Düzenle➜Devam yolunu takip ederek blog’unuzun kodlarının açık halde bulunduğu modüle gidin.

 

Yapacağımız işlemlere başlamadan önce Yedekle/Geri yükle yazan butona basarak kullanmakta olduğunuz blog şablonunu yedeklemenizde fayda var. Daha sonra yapacağınız her hangi bir hata sonrası şablonunuzu geri yükleyerek yapmış olduğunuz tüm değişiklikleri kolayca geri alabilirsiniz.

       
“Widget şablonlarını genişlet” yazan kutucuğu işaretledikten sonra, bilgisayarınızın  klavyesinde bulunan ctrl + f tuşuna aynı anda basarak açılan arama formunda aşağıdaki kodu aratın

 

 </head>  

bulduğunuz </head> kodun hemen üstüne gelecek şekilde aşağıdaki kodları ekleyin.

 

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js' type='text/javascript'></script>

<script src='http://bloggermodifiyefacebookb.googlecode.com/svn/facebookgdf.js' type='text/javascript'></script>

 

3.Adım Facebook yorum formuna Google dökümanlar İD’sini ekleyin

 

Daha önce burada 2.adımda eklediğiniz kodlar içerisinde aşağıdaki kodları bulun.

 

<div id='fb-root'/>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId  : &#39;SİZİN_APP_ID&#39;,
      status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the   session
      xfbml  : true  // parse XFBML
    });
  };

    (function() {
    var e = document.createElement(&#39;script&#39;);
      e.src = document.location.protocol +   &#39;//connect.facebook.net/tr_TR/all.js&#39;;
    e.async = true;
      document.getElementById(&#39;fb-root&#39;).appendChild(e);
    }());
</script>

 

Bulduğunuz bu koda hazırladığınız formun adisini eklemeden önce  aşağıda kırmızı ile renklendirdiğim satırı eklemeniz gerekiyor.

 

fbcen_gdocs('formunuzun İD’si');

 

Kodu ekledikten sonra bu şekilde görünecek.

 

 

<div id='fb-root'/>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId  : &#39;SİZİN_APP_ID&#39;,
      status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the   session
      xfbml  : true  // parse XFBML
    });

 

fbcen_gdocs('formunuzun İD’si');


  };

    (function() {
    var e = document.createElement(&#39;script&#39;);
      e.src = document.location.protocol +   &#39;//connect.facebook.net/tr_TR/all.js&#39;;
    e.async = true;
      document.getElementById(&#39;fb-root&#39;).appendChild(e);
    }());
</script>


Tüm işlemleri doğru yaptıysanız facebook yorum formuyla yapılan yorumlar e-posta adresinize bildirim olarak gelecektir.

Paylaş !

16 yorum:

  1. Merabalar ben sizin sitenize dikkat ettimde diğer blogger sitelerinden farklı olarak site sol tarafa yakın ortda değil tamam uzaklaştırınca ortaya geliyor ama yayınlarınız sol tarafa yakın ben siteme bunu uygulamaya çalışıyorum. siteyi sola yatırdım yine olmadı bunun sebebi nedir acaba
    şimdiden teşekkür ediyorum kolay gelsin

    YanıtlaSil
    Yanıtlar
    1. ne demek istediğini anlamadım bizim sitemizde ekranı ortalıyor ..

      Sil
  2. sola daha yakın hocam, dikkat et diğer bloglara göre. eğer bunun için bişey yapmadıysan şablonun öle heralde teşekkürler

    YanıtlaSil
    Yanıtlar
    1. şuan netbookta bakıyorum, o yüzden tam ekran olarak görünüyor, dizüstü yanımda değil daha sonra onla da kontrol ederim..

      Sil
  3. ctrl + mause topunu ileri ittirince böyle görünüyor sag taraf yok gibi onumu diyor arkadaş acaba

    http://img15.imageshack.us/img15/3053/096ec11d3099414ba3cc990.png

    YanıtlaSil
  4. Çok güzel çalışıyor herkese tavsiye ederim başta bu siteyi sonra bu uygulamayı :D

    YanıtlaSil
  5. evet müjdat onu diyorum buldum zaten gerek kalmadı :)

    YanıtlaSil
  6. Tayfun hocam herşeyi harfi harfine yaptım hata yapmadım diye bilirim...Sizce sıkıntı nerde olabilir ? Ne form'da nede mail'de herangi bir değişiklik yok ...

    YanıtlaSil
    Yanıtlar
    1. şablonuna baktımdediğin gibi kodları doğru elklemiş ve yapılması gerekn işlemleride doğru yapmışsın.. formunuda test ettim hatta test test diye gelen mesajları ben yolladım, geriye bir tek seçenek klıyor şablonunu yedekledikten sonra sırayla javascriptleri kaldır eğer eklediğin diğer javascript dosyalarıyla formun javascriptdosyaları çakışıyorsa sorunu anlamış oluruz..

      Sil
    2. Sizin gönderdiğiniz mail olarak ulaştı ama diğerleri gelmiyor :)

      Sil
    3. ben hazırladığın formu test etmek için direk formdan yazıp yolladım facebook yorum kutusunu kullanmadım yani, yukarıda belirttiğim gibi yorum formun çalışıyor, google dökümanlarda hazırladığın formda çalışıyor, geriye tek bir sorun kalıyor oda javascripler çalışmıyor, formun javascripleri dışında kalan diğer javascriptleri silip test edersen sorunun ne olduğunu anlamış olursun..

      Sil
  7. Merhaba.. Benım temamda facebook yorum var ama kod dılı bılmıyorum ve bıldırımlerı nasıl acabılecegım konusunda kafam karısık.. yardımcı olabılır mısınız nereden baslamalıyım..

    YanıtlaSil
  8. Bu yorum yazar tarafından silindi.

    YanıtlaSil
  9. Herşeyi yaptım ama formkey= bulunmuyor başka bişeyler var onun yerinde off takıldım burda lütfen yardım edin.

    YanıtlaSil
    Yanıtlar
    1. Ya yardım edin çok lazım bu bana :/

      Sil
  10. Bu yorum yazar tarafından silindi.

    YanıtlaSil

Lütfen yazıyla ilgisiz yorum yapmayın sormak istediğiniz bir soru varsa sağda bulunan kotegorilerden sorunuza en uygun olan kategoriye tıklayıp, açılan sonuçlardan birisine yorum yapabilirsiniz, ayrıca sadece link bırakmak için yapılan spam yorumlar yayınlanmaz