Githup Page Sayfasına Mail Gönderme Fomu Nasıl Eklenir?

Dargaaltay

Uzman üye
7 Mar 2019
1,746
407
Kainat
Merhabalar, Uzun bir süredir githup page sayfası kullanıyorum. Bu hizmetten de memnunum. Kim ücretsiz şekilde hem domain hem de hoting istemez ki 😅 Tabii ki özel hosting ve domainin faydaları vardır lakin kendinizi tanıtmak ve yaptığınız işlere copyright olarak yönlendirilecek adrese githup page sayfanızı yazabilirsiniz.

Daha fazla uzatmadan konuya geçelim:

Öncelikle şunu belirtmeliyim ki bu işlemi php dili ile yapamayız çünkü githup page server-side(sunucu tarafı) dilleri kabul etmemektedir. Yani siz githup projenize index.php dosyası attığınızda o dasyanın çalışmasını bekleyemezsiniz. Zaten böyle bir girişimde bulunduğunuzda githup sizi aşağıdaki resimdeki gibi bir 404 hatası sayfası ile sizi uyaracaktır. Bu yüzden başka bir yöntemle bunu yapacağız.

Um9BJng.png


-> Bunu yapmanın en kolay yolu bir api ya da dış hizmetlerden yararlanmaktır. Bu konuda da geçen dış hizmet olan "Formspree" hizmetini nasıl formunuza entegre edebileceğinizden bahsedeceğim. Eğer sizin başka bir yerde php çalıştırma ihtimaliniz varsa oraya da kendi php kodunuzu yazıp action kısmını düzeltebilirsiniz.

1) Öncelikle "Formspree" sitesine üye oluyoruz(İsim, Soyisim, Mail ve Şifrenizi girerek kayıt olabilirsiniz).

2) Bilgilerinizi girip "Register" butonuna bastıktan sonra girmiş olduğunuz mail adresine doğrulama maili gelecektir. Gelen maildeki linke tıklayarak hesabınızı doğrulayabilirsiniz.

3) Açılan sekmeden "Artı" butonuna bastıktan sonra "New Project" seçeneğini seçiyoruz.

JKSnecB.png


4) Açılan pencerede proje isminizi girdikten sonra "Create Project" butonuna basıyoruz

APAY5ao.png


5) Karşımıza çıkan ekranda "Artı" butonuna basıyoruz ve açılan modala form ismimizi(isim olarak herhangi bir şey yazabilirsiniz fark etmez) yazıyoruz. Send emails to kısmı ise mailin kime gönderileceği yerdir. Buraya default olarak kayıt yaptığınız mail adresi gelecek. Dilerseniz ayarlar bölümünden farklı bir mail adresi ekleyebilirsiniz. Sonrasında ise "Create Form" butonuna basıyoruz.

dQlRhLX.png



6) Yönlendirilen sayfadaki "Your form's endpoint is" kısmındaki linki bir yere not ediyoruz. Bu link bize formdaki action yerine lazım olacak.

7) Sayfanın altına doğru indiğimizde bize kod alanı gelecek oradan "AJAX" kısmını seçiyoruz ve karşımıza gelen kodu kopyalıyoruz.

UVYz57F.png



8) Kodda action bölümünde sizin linkiniz yazıyor. Dilerseniz bu linki kendi formunuza da ekleyebilirsiniz. Bu link sayesinde formu mail olarak gönderebilirsiniz.

9) Kopyaladığınız kodu "form.html" gibi html sayfası oluşturup yapıştırın ve kaydedin. Dosyayı tarayıcıda açıp çalıştırabilirsiniz. Submit butonuna bastıktan sonra işlem başarılıysa size "Thanks for your submission!" bildirimiyle geri dönüş yapacaktır.

Not. Githup Page için kullanacak arkadaşlar sadece 6. adıma kadar uygulayabilir. Altıncı adımda not aldığınız linki kendi formunuzun action tagına yazarak mail işleminizi php dosyasına gerek kalmadan halledebilirsiniz.

Bonus: Gönderilen mailleri "Submissions" bölümünden bakabilirsiniz.

tyxtwsV.png
 
Son düzenleme:

rootibo

Kıdemli Üye
13 Mar 2023
2,168
1,460
Merhabalar, Uzun bir süredir githup page sayfası kullanıyorum. Bu hizmetten de memnunum. Kim ücretsiz şekilde hem domain hem de hoting istemez ki 😅 Tabii ki özel hosting ve domainin faydaları vardır lakin kendinizi tanıtmak ve yaptığınız işlere copyright olarak yönlendirilecek adrese githup page sayfanızı yazabilirsiniz.

Daha fazla uzatmadan konuya geçelim:

Öncelikle şunu belirtmeliyim ki bu işlemi php dili ile yapamayız çünkü githup page server-side(sunucu tarafı) dilleri kabul etmemektedir. Yani siz githup projenize index.php dosyası attığınızda o dasyanın çalışmasını bekleyemezsiniz. Zaten böyle bir girişimde bulunduğunuzda githup sizi aşağıdaki resimdeki gibi bir 404 hatası sayfası ile sizi uyaracaktır. Bu yüzden başka bir yöntemle bunu yapacağız.

-> Bunu yapmanın en kolay yolu bir api ya da dış hizmetlerden yararlanmaktır. Bu konuda da geçen dış hizmet olan "Formspree" hizmetini nasıl formunuza entegre edebileceğinizden bahsedeceğim. Eğer sizin başka bir yerde php çalıştırma ihtimaliniz varsa oraya da kendi php kodunuzu yazıp action kısmını düzeltebilirsiniz.

1) Öncelikle "Formspree" sitesine üye oluyoruz(İsim, Soyisim, Mail ve Şifrenizi girerek kayıt olabilirsiniz).

2) Bilgilerinizi girip "Register" butonuna bastıktan sonra girmiş olduğunuz mail adresine doğrulama maili gelecektir. Gelen maildeki linke tıklayarak hesabınızı doğrulayabilirsiniz.

3) Açılan sekmeden "Artı" butonuna bastıktan sonra "New Project" seçeneğini seçiyoruz.

JKSnecB.png


4) Açılan pencerede proje isminizi girdikten sonra "Create Project" butonuna basıyoruz

APAY5ao.png


5) Karşımıza çıkan ekranda "Artı" butonuna basıyoruz ve açılan modala form ismimizi(isim olarak herhangi bir şey yazabilirsiniz fark etmez) yazıyoruz. Send emails to kısmı ise mailin kime gönderileceği yerdir. Buraya default olarak kayıt yaptığınız mail adresi gelecek. Dilerseniz ayarlar bölümünden farklı bir mail adresi ekleyebilirsiniz. Sonrasında ise "Create Form" butonuna basıyoruz.

dQlRhLX.png



6) Yönlendirilen sayfadaki "Your form's endpoint is" kısmındaki linki bir yere not ediyoruz. Bu link bize formdaki action yerine lazım olacak.

7) Sayfanın altına doğru indiğimizde bize kod alanı gelecek oradan "AJAX" kısmını seçiyoruz ve karşımıza gelen kodu kopyalıyoruz.

UVYz57F.png



8) Kodda action bölümünde sizin linkiniz yazıyor. Dilerseniz bu linki kendi formunuza da ekleyebilirsiniz. Bu link sayesinde formu mail olarak gönderebilirsiniz.

9) Kopyaladığınız kodu "form.html" gibi html sayfası oluşturup yapıştırın ve kaydedin. Dosyayı tarayıcıda açıp çalıştırabilirsiniz. Submit butonuna bastıktan sonra işlem başarılıysa size "Thanks for your submission!" bildirimiyle geri dönüş yapacaktır.

Not. Githup Page için kullanacak arkadaşlar sadece 6. adıma kadar uygulayabilir. Altıncı adımda not aldığınız linki kendi formunuzun action tagına yazarak mail işleminizi php dosyasına gerek kalmadan halledebilirsiniz.

Bonus: Gönderilen mailleri "Submissions" bölümünden bakabilirsiniz.

tyxtwsV.png
Eline saglik renklendirile bilirdi
 
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.