- Konu sahibi
- #1
E-posta bağlantısı oluşturmak için HTML’de
Buradaki
E-posta bağlantısı, normal bir web adresi yerine
Sayfa tarayıcıda açıldığında ziyaretçi “Destek ekibine yazın” metnini görür. Metne tıkladığında tarayıcı, işletim sisteminde e-posta göndermek üzere tanımlanmış uygulamayı veya hizmeti açmayı dener. E-posta uygulaması açılırsa alıcı alanında
Bu kod e-postayı kendiliğinden göndermez. Yalnızca e-posta uygulamasını açar ve alıcı bilgisini hazırlar; kullanıcının mesajı inceleyip kendisinin göndermesi gerekir.
Bu örnekte:
Kopya alıcısı eklemek için
Birden fazla alıcıyı aynı alanda kullanmanız gerekiyorsa adresleri virgülle ayırın:
Bu değerler yalnızca açılan e-posta taslağına aktarılır. Kullanıcının e-posta uygulaması veya tarayıcısı bu parametreleri desteklemeyebilir; bu nedenle kritik bilgileri yalnızca bağlantının otomatik doldurulmasına bırakmayın.
Kodun çalıştığını kontrol etmek için HTML dosyasını tarayıcıda açın ve bağlantıya tıklayın. Beklenen sonuç, varsayılan e-posta uygulamasında yeni bir ileti taslağının açılması ve
Hiçbir uygulama açılmıyorsa bu durum HTML kodunun mutlaka hatalı olduğunu göstermez. Cihazda varsayılan e-posta uygulaması tanımlanmamış olabilir ya da kullanılan tarayıcı, web tabanlı e-posta hizmetiyle ilişkilendirilmemiş olabilir. Önce bağlantının kaynak kodunda
E-posta adresini sayfada açıkça yayımladığınızda adres otomatik toplama araçları tarafından görülebilir. Adresi herkese açık biçimde paylaşmak istemiyorsanız iletişim formu, erişim denetimi ve sunucu tarafı doğrulaması olan bir çözüm tercih edin. Basit bir bağlantı yeterliyse aşağıdaki en kısa kullanım doğrudan uygulanabilir:
Kod kaydedilip sayfa yeniden yüklendiğinde metne tıklanması, alıcı adresi doldurulmuş yeni bir e-posta taslağı açmalıdır.
<a> etiketinin href değerine mailto: şemasını yazın. Kullanıcı bu bağlantıya tıkladığında cihazındaki varsayılan e-posta uygulaması açılır ve alıcı adresi otomatik olarak doldurulur. Örneğin:
HTML:
<a href="mailto:[email protected]">Bize e-posta gönderin</a>Buradaki
[email protected] yerine alıcının gerçek adresini, bağlantı metninin yerine de ziyaretçinin göreceği açıklamayı yazabilirsiniz.Basit e-posta bağlantısı oluşturma
E-posta bağlantısı, normal bir web adresi yerine
mailto: ile başlayan bir adres kullanır. HTML dosyanızda bağlantının görünmesini istediğiniz yere aşağıdaki yapıyı ekleyin:
HTML:
<a href="mailto:[email protected]">Destek ekibine yazın</a>Sayfa tarayıcıda açıldığında ziyaretçi “Destek ekibine yazın” metnini görür. Metne tıkladığında tarayıcı, işletim sisteminde e-posta göndermek üzere tanımlanmış uygulamayı veya hizmeti açmayı dener. E-posta uygulaması açılırsa alıcı alanında
[email protected] adresi bulunur.Bu kod e-postayı kendiliğinden göndermez. Yalnızca e-posta uygulamasını açar ve alıcı bilgisini hazırlar; kullanıcının mesajı inceleyip kendisinin göndermesi gerekir.
Konu ve mesaj alanını önceden doldurma
mailto: bağlantısına sorgu parametreleri ekleyerek konu, bilgi, gizli bilgi ve mesaj gövdesi için başlangıç değerleri verebilirsiniz. Parametreler ? işaretinden sonra başlar ve & işaretiyle birbirinden ayrılır.
HTML:
<a href="mailto:[email protected]?subject=Web%20sitesi%20hakkında%20soru&body=Merhaba,%0A%0ASorumu%20aşağıda%20iletiyorum.">Destek ekibine e-posta gönderin</a>Bu örnekte:
subjectkonu satırını doldurur.bodymesaj gövdesine başlangıç metni ekler.%20boşluk,%0Aise satır sonu anlamına gelir.
& gibi özel karakterler kullanıyorsanız bunları URL kodlamasına uygun biçimde yazın. Daha güvenli ve okunabilir bir uygulama için değerleri JavaScript ile elle birleştirmek yerine önceden kodlanmış metin kullanın.Bilgi ve gizli bilgi adresi ekleme
Kopya alıcısı eklemek için
cc, gizli kopya alıcısı eklemek için bcc parametresini kullanabilirsiniz:
HTML:
<a href="mailto:[email protected][email protected]&[email protected]&subject=Destek%20talebi">Destek talebi oluştur</a>Birden fazla alıcıyı aynı alanda kullanmanız gerekiyorsa adresleri virgülle ayırın:
HTML:
<a href="mailto:[email protected],[email protected]?subject=Toplantı">Alıcılara e-posta gönderin</a>Bu değerler yalnızca açılan e-posta taslağına aktarılır. Kullanıcının e-posta uygulaması veya tarayıcısı bu parametreleri desteklemeyebilir; bu nedenle kritik bilgileri yalnızca bağlantının otomatik doldurulmasına bırakmayın.
Bağlantıyı doğru test etme
Kodun çalıştığını kontrol etmek için HTML dosyasını tarayıcıda açın ve bağlantıya tıklayın. Beklenen sonuç, varsayılan e-posta uygulamasında yeni bir ileti taslağının açılması ve
mailto: adresindeki alıcının ilgili alana yazılmasıdır. Konu veya mesaj da eklediyseniz bunların taslakta doğru göründüğünü kontrol edin.Hiçbir uygulama açılmıyorsa bu durum HTML kodunun mutlaka hatalı olduğunu göstermez. Cihazda varsayılan e-posta uygulaması tanımlanmamış olabilir ya da kullanılan tarayıcı, web tabanlı e-posta hizmetiyle ilişkilendirilmemiş olabilir. Önce bağlantının kaynak kodunda
href="mailto:..." biçiminin bozulmadığını, adresin başında mailto: bulunduğunu ve tırnak işaretlerinin kapandığını kontrol edin. Kod doğruysa kullanıcı tarafındaki e-posta uygulaması veya işletim sistemi ilişkilendirmesi ayrıca yapılandırılmalıdır.Kullanım sınırları ve güvenli tercih
mailto: bağlantısı basit iletişim bağlantıları için uygundur; ancak iletişim formunun yerine geçmez. Ziyaretçiden ad, telefon, sipariş numarası veya dosya gibi yapılandırılmış bilgiler almanız gerekiyorsa sunucu tarafında çalışan bir form çözümü gerekir. mailto: bağlantısı bu verileri doğrulamaz, kaydetmez ve e-postanın gerçekten gönderildiğini web sayfasına bildirmez.E-posta adresini sayfada açıkça yayımladığınızda adres otomatik toplama araçları tarafından görülebilir. Adresi herkese açık biçimde paylaşmak istemiyorsanız iletişim formu, erişim denetimi ve sunucu tarafı doğrulaması olan bir çözüm tercih edin. Basit bir bağlantı yeterliyse aşağıdaki en kısa kullanım doğrudan uygulanabilir:
HTML:
<a href="mailto:[email protected]">[email protected]</a>Kod kaydedilip sayfa yeniden yüklendiğinde metne tıklanması, alıcı adresi doldurulmuş yeni bir e-posta taslağı açmalıdır.
