24 Mart 2012 Cumartesi

Akıllı Popup: Facebook Beğen Kutusu Ve E-Posta Abonelik Formu

54 yorum

Daha önce paylaştığım Facebook popup’ın her sayfa yenilendiğinde açılmasının ne kadar sıkcı bir durum olduğundan ve buna bir çözüm aradığımdan bahstmiştim.Sonunda güzel ve akıllı bir popup buldum.Hemen bu akıllı popup’ın  marifetlerinden bahsedeyim.

 

Akıllı Popup: Facebook Beğen Kutusu Ve E-Posta Abonelik Formu

 

Öncelikle başlıkta neden akıllı dediğimi söyleyeyim.Bu popup; ziyaretçileri çerezler yardımıyla tanıyor ve aynı ziyaretçiye bir kez gözüktükten sonra X gün süreyle gözükmüyor ( kaç gün olacağını siz belirleyebiliyorsunuz ). Popup pencerede resimde gördüğünüz gibi Facebook sayfanıza ait beğen kutusu ve altında Feedburner ile e-posta abonelik formu var.Bu popup hem Facebook sayfanızı beğenenlerin sayısını, hem de e-posta takipçilerinizin sayısını arttıracaktır.Popup’ın demosunu görmeniz için oluşturduğum videoyu izleyebilirsiniz. ( Videoda Facebook beğen kutusunun biraz geç yüklendiğini göreceksiniz.Sebebi; videoyu oluşturmak için popup’ı test ettiğimde bağlantımın yavaş olması.)

 

 

 

Blogunuza Ekleyin

 

Popup’ı blogunuza eklemek için gerekli kodlar uzun olduğu için buraya yazamadım.Onun yerine şuraya yükledim.Kodları kopyalayıp HTML/JavaScript gadet olarak blogunuza ekledikten sonra şu kısımları değiştirin:

 

  • var fifteenDays = 1000*60*60*24*30;  burada 30’un anlamı popup aynı ziyaretçiye kaç gün sonra gözükecek?
  • <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fbloghocam&amp;width=300… şklinde uzayıp giden bölümdeki bloghocam yerine kendi Facebook sayfanızın kullanıcı adını yazın.
  • onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloghocam', 'popupwindow', 'scrollbars=yes,width=550,height=520') buradaki bloghocam yerine kendi feedburner id’nizi yazın.
  • <input value="bloghocam" name="uri" type="hidden" /> buradaki bloghocam yerine de kendi feedburner id’nzi yazın.

Bu popupı blogunuzda 1 kez denedikten sonra tekrar bloga girdiğinizde sizi tanıyacağı için gözükmeyecektir.İkinci kez test etmek istiyorsanız bilgisayarınızdaki çerezleri silin.

54 yorum:

  1. Hocam harika bir yazılım ancak benim sayfamdaki slide resimleri kesti. Bu neden olabilir? Bir de sitemin feedburner kodunu nasıl bulabilirim?

    YanıtlaSil
  2. Teşekkür ederim hocam elinize sağlık! www.intrustweeat.blogspot.com

    YanıtlaSil
  3. Aşağıdaki linkteki gibi sayfanın altına inildiğinde çıkacak şekilde nasıl yapabiliriz? http://www.gizlimi.com

    YanıtlaSil
  4. Selam.. Banada yardımcı olurmusunuz hocam? Bloğumdaki yazılarımı beğenenlerin kim oldğunu göremiyorum.. 35 kişi bunu beğendi yazsada !! Facebook hesabım açıkken bloğuma giriyorum.. ;Hatta arkadaşlarının arasında ilk beğenen sen ol yazıyor beğeni tıklıyorum ama diğer beğenenlerin kim olduğunu göremiyorum.. Sanırım bir yere facebook profil adresmi girmem gerek ama nereyeeee?

    YanıtlaSil
  5. aradığım Şeyi Bulmanın sevincini yaşıyorum eyvallah :D

    YanıtlaSil
  6. bu sadece birkez mi açılıo her girişte açılmıomu :S Her girişte açılması için ne yapmam lazım

    YanıtlaSil
  7. neden kimse bana yardımcı olmuyor acaba? bende yaşasam şu sevinci :S

    YanıtlaSil
  8. Bir blogu olmasına rağmen anonim olarak yorum yazanların samimiyetinden ve iyi niyetinden şüphe duyduğum için cevap vermemeyi tercih ediyorum.

    Kusura bakmayın.

    YanıtlaSil
  9. serdar abi samimi bir şekilde yazdım ama neyse her girişte nasıl açılıcağını söyleyebilirmisin lütfen

    YanıtlaSil
  10. hoş bir sistem ancak kullanıcıyı da sıkabilir bu durum

    YanıtlaSil
  11. bende denemek istiyorum ama şuraya yazan linki tıkladım bomboş beyaz bir sayfa açıldı.ne yapabilirim?teşekkürler..

    YanıtlaSil
  12. @sonu garanti tarifler...
    Boş değil gerekli kodların olduğu sayfa çıkması gerek.Tekrar deneyin: http://dl.dropbox.com/u/60346665/facebook-eposta-popup.txt

    YanıtlaSil
  13. cevabınız için teşekkür edrim serdar bey ama denedim yine aynı sorun var.neden açmıyor anlamadım:(( malesef...

    YanıtlaSil
  14. Açılmayan popup mı yoksa linkini verdiğim .txt sayfası mı?

    YanıtlaSil
  15. hem yukarıda, yazınızda yazdığınız şuraya tıklayın kısmı hemde yorumunuzda verdiğiniz link her ikisinide tıklıyorum bembeyaz bir sayfa açılıyor.çabanız için teşekkürler ama açılmıyor sağolun şansıma küsim artık:))))

    YanıtlaSil
  16. Teşekkürler kullanıyorum.Her girişte açılmıyor diyenler için gereken açıklama zaten yapılmış.Bu akıllı bir pop-up'dur yani sizi bir kere tanıyınca bir daha açılmaz.Tekrar test etmek için çerezleri silin.Eğer her girişte açılan pop-up istiyorsanız bu internette zaten mevcut. Örnek: http://acpirate.blogspot.com

    YanıtlaSil
  17. merhaba serdar bey facebook sayfası için benim facebook adresim şu https://www.facebook.com/pages/Kad%C4%B1na-Dair/182012355225265 "bloghocam" yazısının yerine hangisini yazmam gerekiyor

    YanıtlaSil
  18. @elifce
    Merhaba,
    bloghocam yerine pages/Kadına-Dair/182012355225265 yazın.

    YanıtlaSil
  19. Serdar Hocam sadece facebook beğenin yer aldığı bir pop-up için kodun nerelerini kesmeliyiz. Yardımcı olursanız çok sevinirim

    YanıtlaSil
  20. <div class="box-title1 "> kodundan itibaren silin.

    YanıtlaSil
  21. Serdar Bey bir turlu olmadi bu kod ,ekranda hicbir popup cikmiyor maalesef..

    YanıtlaSil
  22. @castlevilleitemS
    Çerezleri silip tekrar deneyin.

    YanıtlaSil
  23. hocam çok faydalı bir konu öncelikle teşekkür ederim birde sorum olacak..

    açılan pop-up pencerenin boyutunu biraz daha küçültme imkanımız mümkün mü ? koddaki height weight oranlarını değiştirdim fakat açılır pencereyi küçültemedim. kısa bi şekilde yardımcı olursanız sevinirim..

    YanıtlaSil
  24. Popup un her zaman açılmasını isteyenlere,

    100*60*60*24

    şeklinde bir yer var kodda, bunu

    100*0*0*0 şeklinde değiştirirseniz her girişinizde açılır...

    YanıtlaSil
  25. merhaba emeğiniz için teşekkür ederim ben ıd noyu soracaktım friendfeed adresi aldım fakat ıd numarasına ulaşamıyorum bu konuda yardımcı olurmusunuz şimdiden teşekkür ederim.

    YanıtlaSil
  26. @ORHAN ESER
    FriendFeed ile bir alakası yok.FeedBurner ID'nizi yazacaksınız.Örneğin feedburner adresiniz feeds.feedburner.com/bloghocam ise ID'niz bloghocam dır.

    YanıtlaSil
  27. Merhaba ben e-posta kayıt işlemleri için nereyi değiştirmeliyim?

    YanıtlaSil
  28. çaşışmadı popup malesef.

    YanıtlaSil
  29. Merhaba e-postaları kaydetmeleri için ne yapmak gerekiyor yardımcı olabilir misiniz?

    YanıtlaSil
  30. @TolgaN
    Ziyaretçileriniz kutuya e-posta adresini yazdıktan sonra adreslerine onay maili gelecek.Oradaki onay linkine tıkladıktan sonra e-posta aboneliği başlayacak.

    YanıtlaSil
  31. merhaba serdar bey çok güzel bir paylaşım eline sağlık.Ama Bunu daha detaylı anlatma şansınız yokmudur.Biz biraz amatörüz o yüzden bir video hazırlayabilirmisiniz.Blog site degilde php site için oldugundan kaynaklı olara mı çalışmıyor acaba.
    ilginize şimdiden teşekkürler.

    YanıtlaSil
  32. Hocam merhabalar. Bu kodları facebook grubu için de kullanabilir miyiz? Yani beğen kısmını gruba üye ol şeklinde değiştirmemiz mümkün mü?

    YanıtlaSil
  33. @Estudiante
    Hayır, sadece hayran sayfaları için.

    YanıtlaSil
  34. webnode altyapısı ile hazırlanmış siteme de ekledim. emeğinize sağlık.

    YanıtlaSil
  35. Sağolun Serdar Bey. Ama bir sıkıntı var, onlara onay postası gittikten sonra onların e-posta adreslerini bana iletmesi için kodlarda bir yerlere kendi e-postamı yazmam gerekmiyor mu?

    YanıtlaSil
  36. @TolgaN
    Hayır, FeedBurner o kişilerin e-posta adreslerini kaydediyor ve blogunuza yeni bir yazı yazdığınızda o kişilere otomatik olarak e-mail gönderiyor

    YanıtlaSil
  37. Teşekkür ederim Serdar Bey.

    YanıtlaSil
  38. hocam , twitter fallow me de eklesek nasıl ekleriz?

    YanıtlaSil
  39. söylediğiniz şeyleri aynen yaptım ama olup olmadığından emin değilim. yani ben 1kez bile göremedim :( acaba tema ile uyumsuz vs. gibi bişey olma şansı var mı? çünkü hiç çıkmadı. Teşekkürler

    YanıtlaSil
  40. Hocam merhaba bu kodlari datalife, wp gibi sitelerde de kullanamazmiyiz kullanmak icin nasil bir degisiklik yapmamiz gereklidir.

    Yardimlariniz simdiden tesekkurler.

    YanıtlaSil
  41. güzel hoşta neden soratemplates diye bir siteye yönlenio

    YanıtlaSil
  42. http://bamfec.blogspot.com/2013/10/akll-popup-facebook-begen-kutusu-ve-e.html sizin yazıyla aynı gibi geldi sanki :S

    YanıtlaSil
  43. Teşekkürler işime yaradı.

    YanıtlaSil
  44. Gerçektennn Çook Tşk Cok işime Yaradı Zaten Ben Bunu Arıyordum ama Bulucamı Sanmıyordum Çok Tşk
    İşe Yaradı :http://hilek.blogspot.com.tr
    :)

    YanıtlaSil
  45. Merhaba hocam, sormak istediğim bişey var bu popup açıldığında popupa tıklamadan kapanmamasını istiyorum yani herhangi yana veya x işaretine tıklayınca kapanmayacak. Sadece koddaki adrese tıklandığında kapanacak bunu nasıl yapabilirim?

    YanıtlaSil
  46. Link kırık düzeltirmisiniz

    YanıtlaSil
  47. merhaba,

    sadece e-mail abonelik kutusu pop-up gelsin istiyorum. facebook olmayan bir örnek var mı paylaşabileceğiniz?

    YanıtlaSil

Picardes

LİNKLER