Mobilde açılan siteye "mobil uygulaması var" popup uyarısı ekleme |
7 Mesajlar | 2.420 Okunma | ||
- Üyelik 22.06.2012
- Yaş/Cinsiyet 37 / E
- Meslek Yazar
- Konum
- Ad Soyad A** E**
- Mesajlar 398
- Beğeniler 13 / 67
- Ticaret 6, (%100)
Arkadaş siteme mobilden girenleri androidden giriyorsa googleplay, iostan giriyorsa appstore'a yönlendirecek bir kod arıyorum ama bulamıyorum. Elinde güzel tasarlanmış adam gibi çalışan bir kodu olan var mı?
- Üyelik 04.05.2017
- Yaş/Cinsiyet 48 / E
- Meslek otomotiv
- Konum İstanbul Anadolu
- Ad Soyad S** T**
- Mesajlar 24
- Beğeniler 0 / 8
- Ticaret 0, (%0)
Android veya iOS ise div içerisine store için link ekler..
https://jsfiddle.net/stekmil/opdfs6k1/1/
http://veblebi.com
- Üyelik 22.06.2012
- Yaş/Cinsiyet 37 / E
- Meslek Yazar
- Konum
- Ad Soyad A** E**
- Mesajlar 398
- Beğeniler 13 / 67
- Ticaret 6, (%100)
@stekmil bu kodları eklediğimizde siteye her girildiğinde bize uygulamayı indir diye uyarı verecektir. Bir daha gösterme gibi bir seçenek ekleyemez miyiz?
- Üyelik 04.05.2017
- Yaş/Cinsiyet 48 / E
- Meslek otomotiv
- Konum İstanbul Anadolu
- Ad Soyad S** T**
- Mesajlar 24
- Beğeniler 0 / 8
- Ticaret 0, (%0)
Eklersiniz, ama işin o kısımı site de yaptığınız kodlamalarla ilgili, verdiğim kodlarla ilgisi yok, o kodlar Android mi? iOS'mu onu bulmanızı sağlıyor...
herhangi bir ziyaretçi yönlendirilmiş ise, o ziyaretçiyi bir daha yönlendirmemek için "cookie(çerez)" kullanacaksınız ki, o ziyaretçiyi -cookie varsa- bir daha yönlendirmeyin, kodlarıda işletmeyin...
herhangi bir ziyaretçi yönlendirilmiş ise, o ziyaretçiyi bir daha yönlendirmemek için "cookie(çerez)" kullanacaksınız ki, o ziyaretçiyi -cookie varsa- bir daha yönlendirmeyin, kodlarıda işletmeyin...
http://veblebi.com
- Üyelik 30.12.2014
- Yaş/Cinsiyet 36 / E
- Meslek Öğretmen / Yazar
- Konum Van
- Ad Soyad A** B**
- Mesajlar 1465
- Beğeniler 486 / 347
- Ticaret 77, (%100)
Android veya iOS ise div içerisine store için link ekler..
https://jsfiddle.net/stekmil/opdfs6k1/1/hocam ben de aynı durumu android uygulamalarım için yapmak istedim ama başaramadım bir türlü. Bu verdiğiniz kodları siteye mi yoksa android uygulamaya mı ekleyeceğim. Yardımcı olur musunuz rica edersem.
- Üyelik 03.10.2013
- Yaş/Cinsiyet 44 / E
- Meslek Yazılım Uzmanı, Matematikçi
- Konum Ankara
- Ad Soyad S** T**
- Mesajlar 1119
- Beğeniler 325 / 324
- Ticaret 2, (%100)
http://www.cizgi.site adresinde mevcut, mobilden girilince üstte "Uygulamayı AÇ" gibi uyarı vermektedir.
JavaScript Betikleri
CSS Betikleri
HTML Betikleri
JavaScript Betikleri
/* Cookie İşlemleri (BAŞLANGIÇ) */
function fnCookie_Olustur(strAd, strDeger, intGun) {
if (intGun) {
var dtmTarih = new Date();
dtmTarih.setTime(dtmTarih.getTime() + (intGun * 24 * 60 * 60 * 1000));
var strBitis = "; expires=" + dtmTarih.toGMTString();
}
else
{
var strBitis = "";
}
document.cookie = strAd + "=" + strDeger + strBitis + "; path=/";
}
function fnCookie_Getir(strAd) {
var strDeger = strAd + "=";
var arrDizi = document.cookie.split(';');
for (var i = 0; i < arrDizi.length; i++) {
var c = arrDizi[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(strDeger) == 0) return c.substring(strDeger.length, c.length);
}
return null;
}
/* Cookie İşlemleri (BİTİŞ) */
/* Mobil Uygulama Banner Gizle Göster (BAŞLANGIÇ) */
fnMobil_Banner_Gizle_Goster();
function fnMobil_Banner_Gizle_Goster()
{
debugger;
var strTarayici_Bilgileri = navigator.userAgent;
if (strTarayici_Bilgileri.match(/Android/i) == "Android") {
var strSonuc = fnCookie_Getir("android-mobil-banner");
if (strSonuc == null) {
jQuery(".mobil-uygulama-banner").addClass("android");
jQuery(".mobil-uygulama-banner").addClass("goster");
}
}
jQuery("body").on("click", ".mobil-uygulama-banner.android .kapat", function () {
jQuery(".mobil-uygulama-banner").removeClass("goster");
fnCookie_Olustur("android-mobil-banner", "gosterildi", 1);
});
}
/* Mobil Uygulama Banner Gizle Göster (BİTİŞ) */
CSS Betikleri
/* Mobil Uygulama Banner (BAŞLANGIÇ) */
.mobil-uygulama-banner{display:none;height:78px;}
.mobil-uygulama-banner.goster{display:block;}
.mobil-uygulama-banner.goster{background:url('../images/bg-desen-5.gif') #3d3d3d;border-color:#212228;box-shadow:none;}
.mobil-uygulama-banner.goster .kapat{border:0;width:20px;height:20px;line-height:20px;color:#b1b1b3;background:#1c1e21;text-shadow:0 1px 1px #000;box-shadow:0 1px 2px rgba(0,0,0,.8) inset, 0 1px 1px rgba(255,255,255,.3);position:absolute;left:5px;top:5px;display:block;text-align:center;}
.mobil-uygulama-banner.goster .logo{position:absolute;left: 30px;top: 10px;display: block;width: 57px;height: 57px;background: rgba(0,0,0,.6);background-size: cover;border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;-webkit-border-radius: 10px;-ms-webkit-radius: 10px;box-shadow: 0 1px 3px rgba(0,0,0,.3);background-image: url('https://lh3.googleusercontent.com/glgGO7DR3auwkuLgZ426buhMkKFEHoMbeXxi6cfzE0m1jFkACyhGaMz5BlRwtIMfTh4=w300-rw');}
.mobil-uygulama-banner.goster .bilgi{position:absolute;left:98px;top:18px;width:44%;font-size:11px;line-height:1.2em;color:#ccc;text-shadow:0 1px 2px #000;font-weight:700;}
.mobil-uygulama-banner.goster .bilgi span{display:block;}
.mobil-uygulama-banner.goster.android .buton{min-width: 12%;border: 1px solid #DDDCDC;padding: 1px;color: #d1d1d1;background: 0 0;border-radius: 0;-moz-border-radius: 0;-o-border-radius:0;-webkit-border-radius:0;-ms-webkit-radius:0;box-shadow:none;}
.mobil-uygulama-banner.goster .buton {position:absolute;right:20px;top:24px;border:1px solid #bfbfbf;padding:0 10px;min-width:10%;height:24px;font-size:14px;line-height:24px;text-align:center;color:#6a6a6a;background:-webkit-linear-gradient(top,#efefef 0,#dcdcdc 100%);text-decoration:none;border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;-ms-webkit-radius:3px;box-shadow:0 1px 0 rgba(255,255,255,.6), 0 1px 0 rgba(255,255,255,.7) inset;text-shadow:0 1px 0 rgba(255,255,255,.8);font-weight:700;}
.mobil-uygulama-banner.goster.android .buton span{height:20px;line-height:20px;text-align:center;display:block;padding:0 10px;background-color:#42B6C9;background-image:-webkit-gradient(linear,0 0,0 100%,from(#42B6C9),to(#39A9BB));background-image:-moz-linear-gradient(top,#42B6C9,#39A9BB);text-transform:none;text-shadow:none;box-shadow:none;}
/* Mobil Uygulama Banner (BİTİŞ) */
HTML Betikleri
www.ontedi.com
www.cizgi.site
www.cizgi.site
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)