E-posta pazarlaması (e-mail marketing) günümüzün görmezden gelinemez bir parçası. Eğer kullanıcı kitlenizle doğru iletişim kurmak, onların ürününüze veya hizmetinize olan bağlılığını artırmak istiyorsanız, düzenli e-posta kampanyaları yapmanız, veya ilgilendikleri içerikleri, sitenize girmelerini beklemeden e-posta kutularına ulaştırabiliyor olmanız gerekiyor. Bu, aktif kullanıcı kitlesine sahip olabilmeniz için neredeyse zorunda olduğunuz bir iş.

Kullanıcılarınızla doğru e-posta iletişimi kurabilmek için öncelikle bir e-posta pazarlama stratejiniz olması şart. Yani bir kullanıcı sitenize üye olduğunda hangi aralıklarla ne gibi içerikler almalıysa bunu kurgulamanız gerekiyor ilk olarak. Burada dikkat etmeniz gereken tek konu, yaptığınız e-posta pazarlamasının kullanıcı onayı ve kontrolü dahilinde olması. Eğer kullanıcınız, sizden gelen epostaları almayı istemiyorsa basit bir şekilde listenizden çıkabilmeli veya hangi türde içerik almak istediklerini ayarlayabilmelidir. Aksi takdirde kullanıcılar, epostalarınızı spam olarak işaretlemeye başlayacak ve eposta servis sağlayıcıları, eposta sunucularınızın spam skorunu yükseltecek ve hatta belki kara listelere de düşmenize neden olacaktır.

Şimdi gelelim işin teknik tarafına. E-posta pazarlama günümüzde büyük bir sektör. Eğer bir dış bir servis kullanmazsanız, şöyle bir senaryo olası. Yeni bir sunucu aldınız, taze bir ip adresiniz var internette ve sitenizi, eposta sunucunuzu aynı sunucu üstünden yayın yapacak şekilde ayarladınız ve yayına geçtiniz. Eğer sunucunuz yeni ve az önce bahsettiğim e-posta adresine göre bir liste yönetim altyapısı kurmadıysanız işiniz çok zor. Çünkü bir süre sunucunuzun ip adresine ait ün'ünü arttırmaya, böylelikle spam kutuları yerine inbox'a düşmeye başlamanız, ve bir geçmişinizin olması gerekiyor. Ayrıca listelerinizi yönetecek bir yazılımı yazmanız da çok kolay olmayacaktır.

Eğer bir teknoloji startup'i değilseniz aynı zamanda eposta odaklı birçok pazarlama kampanyası yaparak milyonlarca kullanıcıya aktif olarak eposta gönderimi yapmıyorsanız kendi yazılımınızı yazmanızın hiç bir değeri olmayacaktır, ayrıca teknik olarak da bir çok ilkel özelliği yazılımınıza katmak için aylar hatta belki yıllar harcayabilirsiniz.

Bu noktada basitleştirilmiş e-posta pazarlama servisleri devreye giriyor ve bu konuda hizmet veren yüzlerce şirketten birini tercih ederek bir çok gelişmiş izleme, yönetim yapabilirsiniz.

Şimdi size bunlardan biri olan mailchimp'i nasıl kullanabileceğinizi kısaca anlatacağım.




Mailchimp, e-posta pazarlaması konusunda en eskilerden biri ve şu an kullandığım diğer birkaç servise göre teknik açıdan en gelişmişi diyebilirim. Hatta kullanım kolaylığı açısından da en iyisi tecrübelerime göre.

Bu siteyi düşnün. mfyz.com'un kullanıcı kitlesi binlerce kullanıcıdan oluşmuyor, ayrıca çok güçlü bir e-posta pazarlama stratejisine de sahip değil, ihtiyaç da duymuyor çoğu zaman. Ama bazı dönemlerde tüm kullanıcılara veya bellir bir alt kitleye (mesela son ay içinde üye olan üyelere, veya php dökümanlarını okumuş olan kullanıcılara) belirli bir mesaj iletilmesine ihtiyaç duyuyor. Ya da genel bir bülten gönderilmesi gerekebiliyor.

Bu örnek senaryo, herhangi bir internet sitesine veya teknolojiyle bağlantılı iş fikirlerinin neredeyse 90%'ina uyarlanabilir. Burada bahsettiğim, ufak kullanıcı kitlesine sahip siteler. Bunun gerçek bir site olmasına da gerek yok. Ufak bir e-posta grubu da olabilir. Atıyorum bir müzisyenin showlarını yaparken bir not defteriyle insanların e-postalarını toplayıp oluşturduğu bir bülten listesi bile olabilir, veya okulda bir sanat klübünün üyeleri olabilir. Örnekler çoğaltılabilir.

Böyle bir kullanıcı kitleniz varsa ve bu kitleye hızlı bir şekilde bir mesaj iletmek istediğinizde mailchimp size ücretsiz olarak fayda sağlayabilir. Sanırım 2,000 kullanıcıya kadar ve aylık 12,000 eposta yani tüm kullanıcı kitlenize 6 kere eposta atmanızı sağlayacak kadar aylık bir kota sunuyor. Eğer bu sınırları aşıyorsanız, e-posta pazarlama stratejinize göre aylık üyelik veya gönderilen e-posta başına ödeme yaparak çok ufak bütçelerle e-posta pazalamanızı devam ettirebilirsiniz.

Mailchimp nasıl çalışıyor?

Mailchimp, eposta listeleri, kampanyalar, formlar ve şablonlar olarak çok güzel şekilde yönetimsel bölümlere ayrılmış. E-posta tasarımlarınızı şablonlarda, kullanıcı kitlenizi tek veya birden fazla listede, bu listelere üye olunabilmesi veya üyelikten çıkmak, üyelik ayarlarını değiştirebilmek gibi işlemleri yapabilmek için formlar tasarlamanızı sağlıyor. Hazırladığınız bir şablonu bir listeye veya bir alt listeye göndermeyi kampanya olarak tanımlıyor ve kampanyalarınızı istediğiniz zaman başlatabiliyor veya ölçümleyebiliyorsunuz.

Kullanıcınızı kendi kayıt sistemine aldığınız anda, isterseniz API aracılığıyla kullanıcı bilgisini mailchimp'deki listenize de kaydedebiliyorsunuz. Mailchimp istediğiniz kadar kullanıcı detayını saklayabiliyor.

Sitenize e-posta bültenininiz için üyelik formu koymak

Sitenize bülten hazırlamak istiyorsunuz. Diyelim ki, mailchimp'de bir liste oluşturdunuz "Bulten" adında. Formlar bölümünde signup form düzenleyerek kullanıcıdan isteyeceğiniz bilgileri ekleyip çıkarabiliyorsunuz. Kullanıcınızdan isteyeceğiniz bilgi sayısı ne kadar az ise o kadar daha çok üyelik alacağınızı unutmayın. Bir e-posta pazarlaması için gereken tek şeyin e-posta adresi olduğu aşikar. Dolayısıyla formunuzu sadece e-posta alanı kalacak şekilde düzenliyoruz.

Liste detayı sayfasındayken üstteki menüden "For Your Website" menüsünde "Signup Form Embed Code" sayfasına tıkladığımızda farklı görünüm seçenekleriyle üyelik formuna ait koda erişebilirsiniz.



Eğer css, html ile uğraşıp kendi görünümünüze uyarlamak istiyorsanız "Naked form" seçeneğini seçip javascript ve css olmayan çıplak form html kodunu kopyalayabilirsiniz. Sitenize yerleştirdikten sonra kendi form element stillerinizi uygulayabilirsiniz.



Bu formu sitenizin yan kolonuna veya sayfa sonu bölgesine yerleştirerek her sayfadan erişilebilir hale getirebilir ve daha çok bülten üyeligi yakalayabilirsiniz.

Artık, genel bir kampanya hazırlayarak bir "Bulten" listesindeki tüm üyelere, sitenizdeki gelişmeler hakkında düzenli mesaj gönderebilirsiniz.
Hiç vakit ayıramasam da içimde hala bir enerji var siteye arada sırada içerik eklemek için :-) Uzun süredir yeltenip yazamadığım yazıyı geçen hafta üşenmeyip yazmıştım ama ekleyene kadar ikinci bir rehavet geçmesi gerekti. Şimdi ekleyebildim.

2 tane döküman yazdım bu konu ile ilgili. İş hayatında olun veya olmayın farketmez, artık eposta yazışmaları manyağına döndük hatta iphone, blackberry derken eposta göndermek artık sms atmaktan daha kolay hale geldi. Neyse, yazışmalar çoğaldığı için eskiden de yaptığınız birşey vardı (ya da bazılarımız yapıyordu), o da epostalarınızda imza kullanmak.

Genel olarak düz metin ile kısa bir şekilde adınız, ünvanınız ve iletişim bilgileriniz olur. Zaten daha fazlası da gereksiz, fakat ufak manevralarla imzalarınızı daha çekici, takip edilebilir ve sizi promote eder hale getirebilirsiniz. Bu konuyla ilgili bir yazı hazırladım. Yazının içinde son kısımda hazırladığınız html imzanızı thunbderbird'de nasıl kullanacağınıza kısaca değindim. Zaten oldukça kolay. Buna ek olarak da macosx kullanıcıları için apple'ın mail.app uygulamasında html imzayı nasıl kullanacağınızı anlatan bir döküman daha yazdım. Buyrun şuradan devam edin :

E-Postalarda imza kullanımı

Günümüzde eposta ile yazışmak artık günlük bir parçamız. Yazışmalarınızda imza kullanarak kişisel tanımınızı yapmanın yanı sıra, statünüzü (iş ve pozisyon gibi) yansıtmak, portfolyo veya blog gibi internetteki kaynaklarınızı insanlara yaymak için vereceğiniz kısa linkler ile yazışmalarınızdan daha çok verim alabilirsiniz. Hatta şu anda oldukça verimli işleyen bir reklam tekniği olarak algılanabilir bu konu.

Bu dökümanda imza kullanımınızı daha iyi, etkileşimli hale getirmek için birkaç numara yapmayı göstereceğim.

Etik

İmza ile link paylaşmak, kendiniz hakkında bilgi vermek bu işin güzel yanı fakat burada belirteceğiniz bilgiler konusunda dürüst olmanız, abartıdan kaçmanız gerekiyor. Yani imza'daki amaç aynen bir kartvizit'de verilmek istenen bilgiler gibidir. Yani insanlara sohbetiniz arasında verirsiniz, o anda baktıklarında sizin bir çeşit kimliğinizi, yaptığınız işi, yetkinlik durumunuzu bunun yanı sıra sizinle iletişime geçebilecekleri bilgileri verirsiniz.
Yani etik olarak kartvizitinizde naısl abartı bilgi, yanlış bilgi vermezseniz imzanıda da vermemelisiniz.

İşin bir diğer tarafı da burada vereceğiniz bilginin kalabalık olmaması, öz olmasıdır. Yani 10 tane link ve 2 paragraf yazı yazmamalısınız. En fazla 2 veya 3 tane bağlantı belirtip siteniz, blogunuz veya portfolyonuzu belirtin. Bunun dışında kullandığınız diğer eposta hesapları ve telefonunuzu da belirtebilirsiniz. Ama adres gibi uzun ve her zaman işe yaramayacak bilgileri her espotanızda yaymayın. Çünkü farkında olmadan insanlara spam yapıyor olursunuz. Rahatsız etmeyecek, göz yormayacak bir içerik hazırlamaya özen gösterin.

İçerik, Resimler İkonlar

Hazırlayacağınız imzada az sayıda ikon ve kullandığınız bir sembol, şirketinizin logosu veya hiçbiri yoksa kişisel olur belki ama küçük bir fotografınızı ekleyebilirsiniz. Ekleyeceğiniz materyallerin hem dosya boyutlarının büyük olmamasına hem de görünür boyutlarının çok büyük olmamasına dikkat edin. Daha önce de bahsettiğim giib insanları rahatsız etmeden kendi reklamınızı yapmaya çalışıyor olacaksınız.

Başlayalım

İmzanızı hazırlarken html etikerleri bile bulunmayan bir html bloğu oluşturacağız. Burada kesinlikle ilkel düşünmeniz gerekiyor çünkü neredeyse tüm mail client'lar oldukça ilkel motorlarla ve spam gibi engellerden dolayı da sade kodlamada bulunmasını şart koşuyor. Bu kurallar ve öneriler hakkında daha önce birşeyler yazmıştım (Başarılı bülten (newsletter) mesajı oluşturmanın 5 kuralı). Bu kurallardan hatırlatmam gerekenler :
  • External css kullanamazsınız
  • Kompleks ve css 3 gibi yeni öznitelikleri kullanamazsınız
  • Javascript, flash gibi şeyler kullanamazsınız
  • Artalan imajı kullanmamaya çalışın (bazı web client'lar desteklemiyor)

Bu hatırlatmalar dışında burada hazırlayacağınız html olabildiğince sade yapın. Yerleşimi table ile yapıp sadece text tipi stillemeyi inline kullanın.

Şimdi bu kurallara uygun benim kendim için hazırladığım imzam şöyle :
- Basitçe yaptığım işten bahsedeceğim
- Kullandığım logo/amblem/sembol'u belirteceğim
- Komunite sitesi ve portfolyo sayfamın adresini vereceğim
Bunları basit bir tablo ile yerleştirdiğimde şu şekilde bir imza oluşturdum :

Imza

Farkettiyseniz oldukça sade, zaten buradaki amaç sizin epostanızı okuyan birisi, gönderen kişi hakkında fikir edinebilmesi için vereceğiniz şey olmalı. Tabiki bu kısımda karışık veya uzun metinler kullanarak bunu sağlayamazsınız.

Bu imzayı oluşturan html kodu şöyle :
<div style="border-top: 1px dotted #ccc; height: 15px; font-size: 1px;"></div>
<table border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td valign="top"><img src="mail_logo.gif" alt="Logo" width="52" height="43" border="0" /></td>
		<td width="15">&nbsp;</td>
		<td valign="top">
			<span style="font: 20px Lucida Grande, Arial; font-weight:bold;">Mehmet Fatih YILDIZ</span>
			<span style="font: 15px Lucida Grande, Arial; color:#999; margin-bottom:5px;">// UI Designer and Web Developer</span><br />
			<a style="font: 12px Lucida Grande, Arial; color:#F63; text-decoration:none; border-bottom:1px solid #06F;" href="http://mfyz.com" target="_blank">mfyz.com</a>
			<a style="font: 12px Lucida Grande, Arial; color:#666; text-decoration:none; border-bottom:1px solid #F00;" href="http://mfyz.net" target="_blank">mfyz.net (Portfolyo)</a>
		</td>
	</tr>
</table>
gördüğünüz gibi tüm css'ler satır içinde kullanılmış durumda. Artalan imajı yok ve yerleşim tablo ile sağlanmış. İşte bu ilkellikte olması gerekiyor.


Bu noktada hazırladığınız sayfayı body, html etiketlerinden arındırarak kaydedin. Yani mesela benim imzam için yukarıda verdiğim kodu kaydettim bir dosyaya. Bu noktaya geldiyseniz şimdi yapacağınız şey, imzada kullandığınız imajları external bir yere almak. Bu örnekte tek imaj var mail_logo.gif bu imajı kendi sitem altında bir yerlere koyup adresini değiştirdim. Yanihttp://mfyz.com/mail_logo.gif adresinde mesela. Çünkü bu düzeltmeyi yapmazsanız tüm mesajlarınızda bu dosya ekli (attach) olarak gitmeye başlayacaktır. Bu da karşı tarafı rahatsız edebilir (ben rahatsız olurum açıkcası). Tabiki ekli de gönderseniz, dış bağlatı ile de gönderseniz eposta okuyucu programlar, karşıdaki kişi kabul edene kadar sizin imajlarınızı göstermeyecektir. Bu noktada imajlarınız içinde bilgi olmamasına dikkat edin. Yani bu örnekteki gibi logo, ikon gibi materyalleri imaj olarak kullanın.

E-posta istemcilerinin ayarlanması

Bu dökümanda html ve css ile eposta imzanızı nasıl şekillendireceğinizi ve etkileyici hale getirebileceğinizi anlatmaya çalıştım. Thunderbird universal bir yazılım olduğu için ve html imza ayarlaması kolay olduğu için kısaca anlatacağım fakat diğer eposta okuyucularda ayarlamayı başka dökümanlarda değineceğim.

MacOSX'de Mail.app (Apple Mail) istemcisinde html imza ayarlamayla iligili yazdığım diğer dökümana ulaşmak için buraya tıklayın.

Thunderbird'de html imza ayarlamak gerçekten oldukça kolay. Hesap bilgilerinizi ayarladıktan sonra Tools / Account Settings menüsünden ulaşabileeğiniz hesap bilgileri penceresini açın.



Ayarlamak istediğiniz eposta hesabını seçin. Seçenekler içinden "Attach this signature" kısmını işaretleyerek alttaki alandan kaydettiğimiz html dosyasını gösterin.
Artık yeni mesajlarınıza html imzanız eklenecektir.

Hazırlayan : Mehmet Fatih YILDIZ

Neden HTML İmza Kullanmalısınız

HTML imza kullanarak gönderdiğiniz mesajlardaki imzalarınıza etkileşim ve referans katabilirsiniz. Ünvanınız ve insanları yönlendirebileceğiniz blog, portfolyo gibi sayfalarınıza bağlantı verebilir, ikonlar veya logonuzu kullanarak daha görsel bir imza oluşturabilirsiniz. Bu dökümana başlamadan önce bu konuda daha önce neden ve nasıl yapacağınızı anlattığım "E-postalarınıza HTML imza ile daha ilgi çekici olun" dökümanını okuyun.

Adım adım

Şimdi size hazırladığınız html imzanızı Apple Mail (mail.app) uygulamasına koymayı göstereceğim. Aşağıdaki adımları izleyin.

Figür 1

Hazırladığınız imzayı tek html dosyası olarak kaydetmiştik. Bu dosyayı Safari'de açın. Burası önemli, bu dosyayı safaride açmalısınız çünkü web archive olarak kaydedeceğiz.

Figür 2
File menüsünden Save As kısayolu ile Farklı kaydetme dialog kutunusu açıyoruz

Figür 3
herhangi bir isimle kaydedebilirsiniz.

Figür 4

Mail.app'a bu dosyayı göstereceğiz. Diğer html dosyası ile şimdilik işimiz bitti.

Figür 5

Şimdi mail uygulamasını açın. Uygulama özelliklerine Uygulama menüsündeki Preferences seçeneğinden ulaşabilirsiniz.

Figür 6

Üstteki tablardan Signatures sekmesine tıklayın

Figür 7

Yeni bir imza oluşturun. Yukarıdaki ekran görüntüsünde Signature #4 ismiyle oluştuğunu göreceksiniz. Otomatik olarak o an açık olan macosx kullanıcısının adı ve epostasından bir imza oluşacaktır. O içeriği değiştirmenize gerek yok, zaten yeni bir imza oluşturarak bir yerlerde yeni bir webarchive dosyası oluşturmuş olduk. Şimdi o dosyayı bulup bizim hazırladığımız imza ile değiştireceğiz.

Şimdi Finder ile ev dizininize gidin. Benim kullanıcım mfyz olduğu için sistemdeki yeri /Users/mfyz/ dizini olacaktır. Buradan da Library/Mail/Signatures dizinine gidin. Sistemin ana dizinindeki Library klasöründe dolaşmamaya dikkat edin. Bu Mail/Signatures dizini sizin ev dizininizdeki Library içinde olması gerekiyor.

Figür 8
Burada anlamsız birsürü dosya görebilirsiniz. Bunlar mail uygulamasının sizin preferences panelinden oluşturduğunuz imzalarıdır.
Şimdi buradaki dosyaları teker teker açıp sizin son oluşturduğunuz imzayı bulun. Zaten orada tek imzanız varsa tek dosya olacaktır. En son oluşturduğunuz imzanın dosyasını bulduğunuzda o dosya adını kopyalayıp masaüstümüze kaydettiğimiz imza webarchive dosyasının adı olarak ayarlayın. Sonra masaüstünüzdeki dosyayı son açtığımız Library/Mail/Signatures dizinine sürükleyin.

Figür 9
Dosyayı değiştirin. Böylece son oluşturduğumuz imza yerine kendi hazırladığımız html imzayı koymuş olduk. Şimdi Mail uygulamasını kapatıp tekrar açın. Tekrar Preferences/Sigrantures paneline gidin.

Figür 10
Son oluşturduğumuz imzanın içinin değiştiğini göreceksiniz. İmajların yüklenmiyor olmasına takılmayın, çünkü imajlar dış bir siteden çekiliyor. Eğer imzamızı dış bağlantılarla çalışır hale getirmeseydik yani varolan bir imajdan çekiyor olsaydık bile safari webarchive'i kaydederken imajları da o dosya içine koyacağından burada problem çıkarmaz ve öyle kullanabilirdik fakat gönderdiğimiz mesajlar o imajlar eklenerek gönderileceğinden gereksiz bir dosya transferi meydana gelecekti.

Yeni oluşturduğumuz bu imzanın adını değiştirin.

Figür 11

Sonra sol tarafta görünen e-posta hesaplarından hangisine ayarlamak istiyorsanız onun üstüne sürükleyip bırakın. O hesap içinde görünmeye başlayacaktır. Şimdi o hesabın imzalarına tıklayın. Alt kısımda o hesap için varsayılan imzayı ayarlayabileceğiniz bir seçenek göreceksiniz. Oradan son yaptığınız bu imzayı seçin.

Figür 12
Artık yeni mesaj yazarken otomatik olarak yeni oluşturduğumuz imaj eklenecektir.

Figür 13
Hazırlayan : Mehmet Fatih YILDIZ

Popüler Etiketler

gimp howto html ios apple itunes mobile app banner rss parse xml imza signature mail ie css3 support browser wanda digital spam twitter istatistik insanlar mootools ipucu htaccess apache route router mod_rewrite session kitap ui design development social lifestream dokuman portfolio export mfyz ipad iphone nedir integration api service network blog tebrik google media player license lisans html5 browsers table wireless share sql mysql tool macosx internet explorer iOS mssql calendar windows linux fstab ntfs php css startups jquery javascript textarea opengraph graph facebook framework plugin url cookie assets job music svn subversion git version control deployment meta developer firefox download statistics örnek kod osx form radio style link search web app open source less sosyal medya sitemap seo editor coding konsol pharma hack wordpress widget proje server workspace icon ikon grafik logo kontrol yapıları if while code auth pear mdb2 prepare execute pgsql object connect box app store store in-app purchase purchase verification storekit itunes connect zaman optimization newsletter fql screen injection query optimizasyon analyse procedure button switch kampanya ajax subscription js subdomain ux login webkit chart terminal www redirect crossdomain xhtml cache kurulum cms icons internet date diff tarih laptop notebook input select compile language doritos tytz compiler on-the-fly regex nasıl http bootstrap ubuntu generator ide phpstorm jetbrains xmlhttprequest ruffles applications free oyun db database