Ana içeriğe atla

Bu Blogda Ara

Turgut Arslan

Google Ads & Analytics | SEO | HTML | CSS | JS ve E-Ticaret

Kayıtlar

Mart, 2021 tarihine ait yayınlar gösteriliyor

Tümünü göster

Berat Kandilimiz Mübarek Olsun

Bağlantıyı al
Facebook
X
Pinterest
E-posta
Diğer Uygulamalar

Yazıyı Oku »

Diğer yayınlar

En Çok Okunanlar

JQuery Toggle Açılır Kapanır Menü

Temmuz 03, 2017

Menünün Çalışır Hali Aslına bakarsanız önceden bu şekilde bir planlama yapmamıştım ama menü responsive olmuş :) See the Pen Jquery Toggle Menü by Turgut Arslan ( @draguth ) on CodePen . Menü Kodları Aşağıdaki Gibidir <!DOCTYPE html> <html> <style> div.menuKutu { float: left; width: 200px; display: block; height: auto; background-color: #269470; cursor: pointer; font-size: 14px; font-family: Arial; text-align: center; color: white; padding: 5px; font-weight: bold; line-height: 18px } div.menuKutu p { height: 50px; line-height: 50px; display: none; background-color: #45b0a3; padding: 0px; margin: 0px; } div...

Yazıyı Oku »

Javascript Kopyalama Kodu

Eylül 10, 2018

Web sitelerinde kullanıcı deneyimini artırmak için sıkça kullanılan işlevlerden biri de, bir metni panoya kopyalamaktır. "Copy to clipboard" yani "Panoya Kopyala" işlemi sayesinde, kullanıcılar bir metni kolayca kopyalayabilir ve diledikleri yere yapıştırabilirler. Aşağıda, sayfa içerisindeki belirli bir HTML elemanının (örneğin bir paragraf ya da açıklama bloğu) içeriğini panoya kopyalamayı sağlayan bir örnek bulacaksınız. Ayrıca örnekte, kopyalanan metnin bir metin kutusuna yapıştırılarak test edilmesi de mümkündür. ✅ Kopyalama İşlevi Nasıl Çalışır? Aşağıdaki modern JavaScript fonksiyonu, navigator.clipboard API'sini kullanır. Bu yöntem, eski document.execCommand("copy") metoduna kıyasla daha güvenli ve günceldir: <script> function copyContent() { const content = document.getElementById("kopya").innerText; navigator.clipboard.writeText(content) .then(() => { alert("İçerik başarıyla panoya kopyalandı!"); ...

Yazıyı Oku »

ROAS Nedir? ROAS Nasıl Hesaplanır?

Şubat 23, 2017

ROAS(Return On Advertising Spend-Reklam Harcaması Başına Düşen Gelir) özellikle dijital pazarlama sektöründe sıkça tekrarlanan bir sözcük. Adından da anlaşılacağı üzere bir reklam kampanyası için harcadığınız para ile o kampanyadan elde ettiğiniz bürüt gelir miktarı arasındaki ilişkiyi kurmak için kullanılır. Burada bürüt gelir kampanyanın elde ettiği ciro oluyor. Eğer dijital pazarlama ile uğraşıyorsanız hazırladığınız kampanyalar için birden çok satış kanalı kullanmak istersiniz. Bu kanallara zaman ya da zaman+para yatırımı yaparsınız. Bu sizin ürün tanıtımı için yaptığınız yatırım olarak isimlendirilir. Kampanya kanallarını seçtiniz. Yatırımınızı yaptınız. Acaba kampanyam başarılı oldu mu? Şimdiden sorunun cevabını ROAS hesabı ile öğrenemezsiniz diyebilirim. Çünkü ROAS kampanya başarısını değil kampanya için kullandığını kanala yaptığınız yatırımın getirisini yüzdelik bir oran şeklinde gösterir. Orana bakarak sadece kanaldaki reklam performansını değerlendirebilir...

Yazıyı Oku »

Javascript İle Kelimelerin ilk Harfini Büyük Yapmak

Hazırladığım yazıların başlıklarını büyük harfle yapmaya üşendiğim için, biraz zahmet edip basit bir Javascript programı yazdım. Tembellik insana her şeyi yaptırıyor. Ha bu arada; resimdeki acayiplik bazılarını rahatsız edebilir :) Online Büyük Harf - Küçük Harf Çevirme Aracı İlk harflerini büyük yapmak istediğiniz metni girin ve uygula butonuna basın Uygula Saygılarımla... Turgut Arslan

Yazıyı Oku »

CSS ile Overlay Yapmak

Şubat 22, 2018

Resim Başlığı Resim Yazısı. <!DOCTYPE html> <html> <head> <title>CSS Overlay Efekti</title> <style> .kapsayici{ width:800px; height:476px; overflow:hidden; text-align:center; position:relative; } .perde{ position:absolute; top:100%;left:0;right:0;bottom:0; background:rgba(237,71,74,0.5); color:#fff; z-index:1; padding-top:45%; transition:top 0.5s; } .kapsayici:hover .perde{ top:0; } </style> </head> <body> <div class="kapsayici"> <img src="/kirmizi-mercedes.jpg" /> <div class="perde"> <h3>Resim Başlığı</h3> <p>Resim Yazısı.</p> </div> </div> </body> </html> CSS overlay efetki ve diğer pratik bilgiler için Arin Yazılımın videolarını izleyebilirsiniz https://www.youtube.c...

Yazıyı Oku »

JavaScript ile Mesai Sayacı

Bu çalışmamda JavaScript ile bir geri sayım sayacı yaptım. Input elemanına bitiş zamanını yazıp butona tıkladığınızda belirlediğiniz saate kaç saat kaldığını görebilirisiniz. Bu uygulamada input elemanına yapılan girişleri sınırlandırdım. Program klavyeden girilen değerin sayısal olup olmadığını kontrol ediyor ve girilen değerleri saat formatına göre HH:MM:SS şeklinde düzenliyor. Javascript mesai sayacının kodları aşağıdaki gibidir. Lütfen mesai bitiş saatini girin Kodları yazarken https://www.w3schools.com/howto/howto_js_countdown.asp linkindeki sayfadan yararlandım Kodun çalışan örneğini buraya ekliyorum. Dilerseniz günün bir saatini girip kalan sürenin geriye doğru sayılmasını deneyimleyebilirsiniz. Lütfen mesai bitiş saatini girin

Yazıyı Oku »

Javascript Büyüteç Uygulaması

Saf Javascript ve CSS kullanarak basit bir büyüteç programı yazdım. Javascript Büyüteç Kodları: HTML Kodu; <div id="resimKabi"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzzIU2K83cIbm0r_wB8lrZ5m3iSKchB-WolIEDvxFCz3BuYLB-g2_keCJ6QxbpfXBJ9tYjOQtWTn3sEub5tOycXxKFx_gK99s3jsUZckLWCyFEA_lab-T0A5voDQcXy0fLxjJopxevCa4/s1600/lotr-ring.jpg" /> <div id="buyutec"></div> </div> CSS Kodu; #resimKabi { width: 100%; height: auto; display: block; position: relative; overflow: hidden; } #resimKabi img { display: block; width: 100%; height: auto; } #buyutec { width: 100px; height: 100px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzzIU2K83cIbm0r_wB8lrZ5m3iSKchB-WolIEDvxFCz3BuYLB-g2_keCJ6QxbpfXBJ9tYjOQtWTn3sEub5tOycXxKFx_gK99s3jsUZckLWCyFEA_lab-T0A5voDQcXy0fLxjJopxevCa4/s1600/lotr-ring.jpg); ...

Yazıyı Oku »

Javascript ile veriyi bir alt satıra nasıl yazdırabiliriz?

Aralık 29, 2019

Javascript ile veriyi bir alt satıra nasıl yazdırabiliriz? HTML dilinde bir alt satıra geçmek için ya da şeklinde yazılan etiketi kullanırız. Javascirpt ile bir yere sonuç yazdırırken de yazdırdacağımız çıktı içine bu tag'i ekleyerek çıktı verilerimizi bir alt satıra yazdırabiliriz. Örnek senaryomuzda biri mavi diğeri yeşil iki adet div bulunmakta. Mavi kutudaki "İçerik Metni" yazısını yeşil kutudaki "İşlemin Sonucu" metninin altına yazdırmak istiyoruz. Bunun için yazdir isminde bir fonksiyon oluşturuyoruz. Bu fonksiyon butona basıldığında çalışacak ve mavi kutudaki metni alıp yeşil kutudakinin altına ekleyecek. Önce veri isminde bir değişken tanımlayalım ve içine mavi kutudaki içeriği aktaralım. var veri=document.getElementById("maviKutu").innerHTML; Sonra yeşil kutuyu yakalayalım ve veri değişkenindeki değeleri bukutunun içine yazdıralım. document.getElementById("yesilKutu").innerHTML+=""+veri; Gördüğünüz gibi sadece ...

Yazıyı Oku »

Anahtar Kelime Rehberi : Turizm Sektörü

Ağustos 12, 2019

Turizm sektöründe SEO ve Dijital Pazarlama çalışmalarında faydalı olacağına inandığım bazı uzun kuyruklu anahtar kelimeler ve bu kelimelerin ortalama aylık aranma hacimlerini bir liste haline getirdim. Evet haklısınız, turizm ve tatil ile ilgili tüm kelimeler bunlar değil. Zaman zaman bu yazıyı güncelleyerek listeyi dahada da genişleteceğim. Listeye geçmeden önce şunları belirtmek istiyorum . SEO için içerik mi üreteceksiniz ? Bu sadece listede tatil ve turizm sektörüne hangi kelime ne kadar aranmış? Onu görebilirsiniz. Bazı kelimelerin aranma sayıları çok yüksek bazılarınınkisi ise düşüktür. Aranma hacminin düşük olması o anahtar kelimelenin kullanışsız olduğu anlamına gelmez. Size nacizane tavsiyem düşük aranma hacimli kelimelerin daha yüksek aranma hacimli varyasyonlarını türetmeniz ve düşük aranma hacimli kelimelerle birlikte ürettiğiniz içeriğe uygun bir şekilde yerleştirmeniz yönünde olacaktır. Reklam çalışması mı yapacaksınız ? Google Ads(AdWords) vb arama mecraların...

Yazıyı Oku »

JavaScript ile TC No Üretelim

JavaScript TCKN Üreteci Kodu TC Kimlik No Nasıl Oluşturulur? Türkiye Cumhuriyeti kimlik numarası (TC kimlik numarası), Türkiye Cumhuriyeti vatandaşlarını tanımlamak için kullanılan benzersiz bir numaradır. Bu numara, 11 basamaklı bir sayı dizisidir ve aşağıdaki formattadır: 12345678901 ↓ TC Kimlik No üreteci sayfanın altındadır. ↓ İlk 6 basamak, kişinin doğum tarihini temsil eder. İkinci basamak, kişinin cinsiyetini temsil eder. (1: erkek, 2: kadın) Son 5 basamak, kişinin sıra numarasını ve kayıt ilçesini temsil eder. TC kimlik numarası, Nüfus ve Vatandaşlık İşleri Genel Müdürlüğü tarafından üretilir. TC kimlik numarası üretmek için kullanılan algoritma, aşağıdaki adımları içerir: Doğum tarihi, cinsiyet ve kayıt ilçesi bilgileri girilir. TC kimlik numarası üretmek için kullanılan bilgiler Bu bilgiler, 11 basamaklı bir sayı dizisine dönüştürülür. Seri numarası, üretilen sayı dizisinin son 5 basamağına eklenir. Üretilen sayı dizisi, doğrulama algoritmasından geçirilir. Doğr...

Yazıyı Oku »

Blogger tarafından desteklenmektedir

2025 Bir Hak İddia Etmiyorum

Translate

Yazı Listesi

2025 2
- Mart 2025 1
  - Mar 10 1
- Ocak 2025 1
  - Oca 17 1

2024 11
- Ekim 2024 1
  - Eki 21 1
- Mart 2024 2
  - Mar 20 1
  - Mar 13 1
- Şubat 2024 6
  - Şub 29 1
  - Şub 19 1
  - Şub 16 1
  - Şub 13 1
  - Şub 07 1
  - Şub 06 1
- Ocak 2024 2
  - Oca 17 1
  - Oca 04 1
2023 7
- Aralık 2023 1
  - Ara 13 1
- Kasım 2023 1
  - Kas 08 1
- Mayıs 2023 1
  - May 25 1
- Mart 2023 1
  - Mar 29 1
- Şubat 2023 3
2022 5
2021 12
2020 14
- Kasım 2020 1
  - Kas 17 1
- Ekim 2020 1
  - Eki 29 1
- Eylül 2020 3
- Temmuz 2020 5
  - Tem 30 1
  - Tem 29 2
  - Tem 21 1
  - Tem 09 1
- Şubat 2020 3
  - Şub 16 2
  - Şub 03 1
- Ocak 2020 1
  - Oca 24 1
2019 6
2018 13
- Aralık 2018 2
  - Ara 13 1
  - Ara 10 1
- Kasım 2018 2
  - Kas 29 1
  - Kas 09 1
- Ekim 2018 3
- Eylül 2018 2
  - Eyl 26 1
  - Eyl 10 1
- Temmuz 2018 1
  - Tem 22 1
- Mayıs 2018 1
  - May 14 1
- Mart 2018 1
  - Mar 16 1
- Şubat 2018 1
  - Şub 22 1
2017 9
- Eylül 2017 1
  - Eyl 27 1
- Temmuz 2017 1
  - Tem 03 1
- Haziran 2017 1
  - Haz 22 1
- Nisan 2017 2
  - Nis 10 1
  - Nis 05 1
- Şubat 2017 4
  - Şub 23 1
  - Şub 11 3

Daha fazla göster Daha az göster

Trend Yazılar(30 Gün)

Luhn Algoritmasıyla Kredi Kartı Validasyon Kontrolü

Luhn Algoritması: Kredi Kartı Numarası Doğruluğunu Test Etme Yöntemi Kredi kartı numaralarının doğruluğunu kontrol etmek için kullanılan Luhn algoritması, 1954 yılında IBM'de çalışan Hans Peter Luhn tarafından geliştirilmiştir. Bu algoritma, basit matematiksel işlemlerle bir numaranın geçerli olup olmadığını belirler.

Yazıyı Oku »

Google Maksimum Performans Kampanyalarından Maksimum Dönüşüm Nasıl Alınır?

Şubat 29, 2024

Google Maksimum Performans Kampanyalarının En İyi Kurulum Ayarları Google Maksimum Performans Kampanyaları (MKP), Google Ads'in en yeni ve otomatik kampanya türüdür. Bu kampanyalar, Google'ın Makine Öğrenmesi teknolojisini kullanarak arama ağı, görüntülü reklam ağı, YouTube, Gmail ve Discover'da reklamlar yayınlar ve en iyi sonuçları elde etmek için otomatik olarak optimizasyon yapar. MKP'nin en iyi kurulum ayarları, işletmenize ve hedeflerinize bağlı olarak değişecektir. Ancak, genel olarak şunlara dikkat etmeniz önemlidir:

Yazıyı Oku »

JavaScript ile TC No Üretelim

JavaScript TCKN Üreteci Kodu TC Kimlik No Nasıl Oluşturulur? Türkiye Cumhuriyeti kimlik numarası (TC kimlik numarası), Türkiye Cumhuriyeti vatandaşlarını tanımlamak için kullanılan benzersiz bir numaradır. Bu numara, 11 basamaklı bir sayı dizisidir ve aşağıdaki formattadır: 12345678901 ↓ TC Kimlik No üreteci sayfanın altındadır. ↓ İlk 6 basamak, kişinin doğum tarihini temsil eder. İkinci basamak, kişinin cinsiyetini temsil eder. (1: erkek, 2: kadın) Son 5 basamak, kişinin sıra numarasını ve kayıt ilçesini temsil eder. TC kimlik numarası, Nüfus ve Vatandaşlık İşleri Genel Müdürlüğü tarafından üretilir. TC kimlik numarası üretmek için kullanılan algoritma, aşağıdaki adımları içerir: Doğum tarihi, cinsiyet ve kayıt ilçesi bilgileri girilir. TC kimlik numarası üretmek için kullanılan bilgiler Bu bilgiler, 11 basamaklı bir sayı dizisine dönüştürülür. Seri numarası, üretilen sayı dizisinin son 5 basamağına eklenir. Üretilen sayı dizisi, doğrulama algoritmasından geçirilir. Doğr...

Yazıyı Oku »

Google Ads'te TBM Düşüren Bir Anahtar Kelime Stratejisi

Google Ads reklamlarının TBM maliyetleri enflasyon ve rekabetin etkisiyle giderek artmakta. Artık eskisi gibi ucuz CPC'lerle reklam yapma imkanı maalesef kolay kolay bulunmuyor. Özellikle tek sözcükten oluşan değerli anahtar kelimeler için verilen açık arttırma teklifleri(bidler) reklam bütçelerini sarsacak seviyelerde. Aynı durum bazı özel anahtar kelimeler için de mevcut. Mesela "linkedin premium fiyat" anahtar kelimesi için tıklama başına 30TL ödeyebilirsiniz. Eğer "ons gümüş investing" anahtar kelimesine reklam verirseniz TBM'niz 22 Ekim 2024 fiyatlarına göre 617TL'ye kadar çıkabiliyor. "iphone 11 epey" anahtar kelimesinde de CPC olarak 200TL'leri görme ihtimaliniz de var. Yani Google Ads reklamları pahalı. Tabii ki de kontrol edilmediği sürece. Kontrolsüz giderseniz bu reklamlar sizin bütçenizi sonuna kadar hızla tüketecektir. Bu yazıda Google Ads'in reklam bütçesini tüketmeden mümkün olduğu kadar çok anahtar kelime varyasyonunda...

Yazıyı Oku »

Javascript Kopyalama Kodu

Eylül 10, 2018

Web sitelerinde kullanıcı deneyimini artırmak için sıkça kullanılan işlevlerden biri de, bir metni panoya kopyalamaktır. "Copy to clipboard" yani "Panoya Kopyala" işlemi sayesinde, kullanıcılar bir metni kolayca kopyalayabilir ve diledikleri yere yapıştırabilirler. Aşağıda, sayfa içerisindeki belirli bir HTML elemanının (örneğin bir paragraf ya da açıklama bloğu) içeriğini panoya kopyalamayı sağlayan bir örnek bulacaksınız. Ayrıca örnekte, kopyalanan metnin bir metin kutusuna yapıştırılarak test edilmesi de mümkündür. ✅ Kopyalama İşlevi Nasıl Çalışır? Aşağıdaki modern JavaScript fonksiyonu, navigator.clipboard API'sini kullanır. Bu yöntem, eski document.execCommand("copy") metoduna kıyasla daha güvenli ve günceldir: <script> function copyContent() { const content = document.getElementById("kopya").innerText; navigator.clipboard.writeText(content) .then(() => { alert("İçerik başarıyla panoya kopyalandı!"); ...

Yazıyı Oku »

JavaScript İle Göz Egzersizi Uygulaması

Gözlerimiz, dünyayı görmemizi sağlayan en önemli organlarımızdan biridir. Günlük hayatımızda sürekli olarak gözlerimizi kullanırız ve bu da göz kaslarımızın yorulmasına ve zayıflamasına neden olabilir. Göz kaslarını güçlendirmek için ise çeşitli egzersizler mevcuttur. Bu makalede, göz kaslarını eğlenceli bir şekilde çalıştırmak için geliştirilen bir JavaScript uygulamasını tanıtacağız. Uygulama, ekranda rastgele bir noktada çıkan ve fare ile tıklandıkça kaybolup başka bir noktada çıkan bir göz ikonu içerir. Kullanıcı, göz ikonunu olabildiğince hızlı ve doğru bir şekilde tıklamaya çalışır. Uygulamanın faydaları şunlardır: Göz kaslarını güçlendirir: Göz ikonunu takip etmek ve tıklamak, göz kaslarının farklı yönlerde hareket etmesini sağlar. Bu da göz kaslarının güçlenmesine ve daha esnek hale gelmesine yardımcı olur. Göz-el koordinasyonunu geliştirir: Göz ikonunu tıklamak için göz ve el koordinasyonu gereklidir. Uygulama, göz-el koordinasyonunu geliştirmeye ve daha hızlı ve doğru b...

Yazıyı Oku »

Anahtar Kelime Rehberi : Turizm Sektörü

Ağustos 12, 2019

Turizm sektöründe SEO ve Dijital Pazarlama çalışmalarında faydalı olacağına inandığım bazı uzun kuyruklu anahtar kelimeler ve bu kelimelerin ortalama aylık aranma hacimlerini bir liste haline getirdim. Evet haklısınız, turizm ve tatil ile ilgili tüm kelimeler bunlar değil. Zaman zaman bu yazıyı güncelleyerek listeyi dahada da genişleteceğim. Listeye geçmeden önce şunları belirtmek istiyorum . SEO için içerik mi üreteceksiniz ? Bu sadece listede tatil ve turizm sektörüne hangi kelime ne kadar aranmış? Onu görebilirsiniz. Bazı kelimelerin aranma sayıları çok yüksek bazılarınınkisi ise düşüktür. Aranma hacminin düşük olması o anahtar kelimelenin kullanışsız olduğu anlamına gelmez. Size nacizane tavsiyem düşük aranma hacimli kelimelerin daha yüksek aranma hacimli varyasyonlarını türetmeniz ve düşük aranma hacimli kelimelerle birlikte ürettiğiniz içeriğe uygun bir şekilde yerleştirmeniz yönünde olacaktır. Reklam çalışması mı yapacaksınız ? Google Ads(AdWords) vb arama mecraların...

Yazıyı Oku »

Yazılımda SOLID Prensipleri

Şubat 19, 2024

SOLID Prensibi Nedir? S.O.L.I.D. yazılımcıların kaliteli bir program geliştirebilmeleri için takip ettikleri beş prensibin İngilizce isimlerinin baş harflerinden oluşturulmuş bir kısaltmadır. Yazılım geliştirmede, karmaşıklığı yönetmek ve kodun kalitesini artırmak için çeşitli prensipler ve tasarım desenleri kullanılır. SOLID prensipleri , nesneye dayalı programlamada (OOP) daha sağlam, okunabilir, sürdürülebilir ve bakımı kolay kod yazmak için kullanılan 5 temel prensipten oluşur.

Yazıyı Oku »

Firefox ile Bir Sitenin TLS Versiyonunu Nasıl Öğrenirsiniz?

TLS (Transport Layer Security), internet üzerinden yapılan iletişimi güvence altına alan bir protokoldür. Bir web sitesinin hangi TLS versiyonunu kullandığını bilmek, özellikle güvenlik açısından önemlidir. Firefox, bu bilgiyi kullanıcıya sunabilecek çeşitli araçlar ve eklentiler sunar. 1. Geliştirici Araçlarını Kullanma: Adımları: Ziyaret etmek istediğiniz web sitesini açın. Sağ tıklayıp "Sayfa incele" veya "Elementleri incele" seçeneğini seçin. Açılan geliştirici araçları penceresinde, "Ağ" sekmesine tıklayın.

Yazıyı Oku »

CSS Hazır Basit Product Box Kodu(Transition Efektli)

Eylül 30, 2020

Product Box'lar, E-Ticaret sitlerinde ürün kutusu olarak bilinen ve kategori sayfalarında ürünlerin gösterilmesi için kullanılan site elemanlarıdır. Kullanıcılar bu kutucuklardaki bilgilere bakarak ürünler hakkında özet bilgi edinirler. Tıkladıklarında ürün detay sayfasına yönlendirme yapar. Bazılarında sepete ekleme butonları ve çeşitli aksiyon elemanları bulunur. Bu örnekte temel seviyede bir ürün kutusu kodlaması yaptım. Basit kolay anlaşılır bir kodlar kullandım. Sadece hover etkisini basit transition ile daha şık yapmak için bir iki ufak CSS3 kodu kullandım. Kodlar aşağıdaki gibidir. <style> .productBox { border: solid 1px #ddd; width: calc((100% - 10px)/4); min-width: 150px; min-height:340px; height: auto; display: block; font-family: Arial; float: left; margin: 5px; border-radius: 2%; -webkit-border-radius: 2%; ...

Yazıyı Oku »