Rusya'daki kullanıcılar için geliştirme yapıyorsanız Google Cüzdan bu ülkelerde kullanılamadığından lütfen "Telefona kaydet" düğmelerini kullanın. Lütfen ilgili öğeleri ve yönergeleri inceleyin. Rusya dışındaki kullanıcılar için geliştirme yapıyorsanız lütfen aşağıdaki öğeleri indirerek Google Cüzdan'a ekle düğmenizi güncelleyin.
Belgelerin bu bölümü, Google Cüzdan uygulamasında harika görünecek resimler ve diğer kullanıcı arayüzü öğeleri oluşturmanıza yardımcı olmak için tasarlanmıştır.
Öğeler
Google Cüzdan'a ekle düğmesi
Google Cüzdan'a ekle düğmesi, kullanıcıları uygulamanızdan veya web sitenizden cüzdanlarına kart ya da paso kaydetmeye yönlendirdiğinizde kullanılır. Google Cüzdan'a ekle düğmesi, Google Cüzdan API akışlarından birini çağırmalıdır. Bu akışlar, kullanıcıların mobil cihazlarına ve Google Hesaplarına kart kaydetme talimatlarını uygulayabileceği Google Cüzdan'ı (mobil uygulamada veya web'de) gösterir. Bu düğme uygulamalarda, web sitelerinde veya e-postalarda kullanılabilir.
Google Cüzdan'a ekle düğmeleri Android XML, SVG ve PNG biçiminde kullanılabilir.
Öğeleri indir - Android XML Öğeleri indir - SVG Öğeleri indir - PNGGoogle Cüzdan'da görüntüle düğmesi
Google Cüzdan'da görüntüle düğmesi, kullanıcıyı daha önce kaydedilmiş bir geçiş kartını veya kartı görüntülemek üzere cüzdanına derin bağlantı kurmak için kullanılır. Bu düğme uygulamalarda, web sitelerinde veya e-postalarda kullanılabilir.
Google Cüzdan'da göster düğmeleri SVG ve PNG biçiminde kullanılabilir.
Öğeleri indirin - SVG Öğeleri indirin - PNGSitenizde, uygulamanızda veya e-posta iletişimlerinizde gösterilen tüm düğmeler, bu sayfada belirtilen marka kurallarına uygun olmalıdır. Bu kurallara örnek olarak aşağıdakiler verilebilir ancak kurallar bunlarla sınırlı değildir:
- Sayfadaki diğer benzer düğmelere veya öğelere göre boyut
- Düğmelerin şekli ve rengi değiştirilmemelidir.
- Boş alan
Yerelleştirilmiş düğmeler
Yerelleştirilmiş Google Cüzdan düğmeleri, Cüzdan'ın kullanılabildiği tüm pazarlarda sunulur. Bu pazarlardaki kullanıcılar için uygulama geliştiriyorsanız her zaman yukarıda bağlantısı verilen düğmeleri kullanın. Düğmelerin kendi versiyonunuzu oluşturmayın. Düğmenin yerelleştirilmiş bir sürümü pazarınızda mevcut değilse düğmenin İngilizce sürümünü kullanın.
Google Cüzdan'a ekle düğmeleri şu dillerde kullanılabilir: Almanca, Arapça, Arnavutça, Azerice, Boşnakça, Bulgarca, Çekçe, Çince (Geleneksel), Çince (Hong Kong), Danimarkaca, Endonezce, Ermenice, Estonca, Felemenkçe, Filipince, Fince, Fransızca (Fransa), Fransızca (Kanada), Gürcüce, Hırvatça, İbranice, İngilizce (Amerika Birleşik Devletleri, Avustralya, Büyük Britanya, Güney Afrika, Hindistan, Kanada, Singapur), İspanyolca (İspanya), İspanyolca (Latin Amerika), İsveççe, İtalyanca, İzlandaca, Japonca, Katalanca, Kazakça, Kırgızca, Lehçe, Letonca, Litvanca, Macarca, Makedonca, Malayca, Norveççe, Portekizce (Brezilya), Portekizce (Portekiz), Romence, Rusça (Belarus), Sırpça, Slovakça, Slovence, Tayca, Türkçe, Ukraynaca, Özbekçe ve Vietnamca.
Localized name (Yerelleştirilmiş ad)
Kullanıcılar açısından anlaşılır olması amacıyla, Google Cüzdan ürün adı yalnızca belirli pazarlarda yerelleştirilir. Bu ülkelerdeki kullanıcılar için geliştirme yapıyorsanız web, e-posta ve basılı materyallerde her zaman aşağıdaki yerelleştirilmiş adı kullanın. "Google Cüzdan"ın kendi yerelleştirilmiş sürümünüzü oluşturmayın. Pazarınız aşağıda listelenmemişse İngilizce "Google Wallet" ifadesini kullanın.
| Ülke | Ad |
|---|---|
| Belarus | Google Cüzdan |
| Brezilya | Carteira do Google |
| Şili | Billetera de Google |
| Çekya | Peněženka Google |
| Yunanistan | Πορτοφόλι Google |
| Hong Kong | Google 錢包 |
| Litvanya | Google Piniginė |
| Polonya | Portfel Google |
| Portekiz | Carteira da Google |
| Romanya | Portofel Google |
| Slovakya | Peňaženka Google |
| Tayvan | Google 錢包 |
| Türkiye | Google Cüzdan |
| BAE | محفظة Google |
| Ukrayna | Google Гаманець |
|
Amerika Birleşik Devletleri (İspanyolca)
*Kullanıcı arayüzünüz İspanyolca ise ABD'de bu adı kullanın |
Billetera de Google |
Boyut
Google Cüzdan'a ekle düğmesinin yüksekliğini ve genişliğini düzeninize uyacak şekilde ayarlayın. Sayfada başka düğmeler varsa Google Cüzdan'a ekle düğmesinin boyutu, diğer düğmelerle eşit veya onlardan daha büyük olmalıdır. Google Cüzdan'a ekle düğmesini diğer düğmelerden daha küçük yapmayın.
Stil
Google Cüzdan'a ekle düğmelerinin iki varyasyonu vardır: birincil ve sıkıştırılmış. Google Cüzdan'a ekle düğmesi yalnızca siyah renkte sunulur. Düğmenin yerelleştirilmiş sürümleri sağlanır. Kendi yerelleştirilmiş metninizi içeren düğmeler oluşturmayın.
| Birincil | Daraltılmış |
|---|---|
|
|
| Birincil düğmeyi beyaz ve açık renkli arka planlarda kullanın. | Birincil veya tam genişlikte düğme için yeterli alan yoksa daraltılmış düğmeyi kullanın. |
Boş alan
Google Cüzdan'a ekle düğmesinin her tarafında her zaman en az 8 dp boşluk bırakın. Boşlukların grafik veya metinle bölünmediğinden emin olun.
Minimum yükseklik
Tüm Google Cüzdan'a ekle düğmelerinin minimum yüksekliği 48 dp olmalıdır.
Yapılması ve yapılmaması gerekenler
| Dos | Yapılmaması gerekenler |
|---|---|
| Doğru: Yalnızca Google tarafından sağlanan Google Cüzdan'a ekle düğmelerini kullanın. | Yapmayın: Kendi Google Cüzdan'a ekle düğmelerinizi oluşturmayın veya düğmedeki yazı tipini, rengi, düğme yarıçapını ya da dolguyu hiçbir şekilde değiştirmeyin. |
| Doğru: Siteniz genelinde aynı düğme stilini kullanın. | Yapmayın: Google Cüzdan'a ekle düğmelerini diğer düğmelerden daha küçük yapmayın. |
| Doğru: Google Cüzdan'a ekle düğmelerinin boyutunun diğer düğmelerle aynı veya onlardan daha büyük olduğundan emin olun. | Yapmayın: Düğme rengini değiştirmeyin. |
| Doğru: Google Cüzdan'a ekle düğmelerini yeniden boyutlandırırken düğme oranını aynı tutun. | Yanlış: Düğmeyi serbest ölçeklendirmeyin. |
| Doğru: Düğmelerin yerelleştirilmiş sürümünü kullanın. | Yapmayın: Düğmenin kendi yerelleştirilmiş sürümünü oluşturmayın. |
Düğme yerleşimiyle ilgili en iyi uygulamalar
Onay uygulama ekranlarında, web sayfalarında veya e-postalarda Google Cüzdan'a ekle düğmesini gösterin. Kullanıcı arayüzü tasarımınıza rehberlik etmesi için aşağıdaki en iyi uygulamalara bakın.
Genel kartlar
Onay uygulama ekranlarında, web sayfalarında veya e-postalarda Google Cüzdan'a ekle düğmesini gösterin. Google Cüzdan'a ekle düğmesini, kullanıcıların uygulamanızda veya web sitenizde kartlarına eriştiği yere yerleştirmenizi öneririz.
Metinde Google Cüzdan ürün adının kullanımı
Kullanıcıya, genel kartının cihazına kaydedildiğini belirtmek için metin kullanabilirsiniz.
"G" ve "W" harflerini büyük harfle yazın.
Google Cüzdan'dan bahsederken her zaman büyük "G" ve büyük "W" harflerini kullanın. Kullanıcı arayüzünüzdeki tipografik stile uyması gerekmiyorsa "Google Cüzdan" adının tamamını büyük harfle yazmayın.
Google Cüzdan'ı kısaltmayın.
"Google" ve "Cüzdan" kelimelerini her zaman tam olarak yazın.
Kullanıcı arayüzünüzdeki stile uygun olmalıdır.
"Google Cüzdan" ifadesini, kullanıcı arayüzünüzdeki metnin geri kalanıyla aynı yazı tipi ve tipografik stilde ayarlayın. Google'ın tipografik stilini taklit etmeyin.
Her zaman "Google Cüzdan"ın yerelleştirilmiş sürümünü kullanın.
Sağlanan yerelleştirilmiş metinde her zaman "Google Cüzdan" yazın.
Tasarım
Google Cüzdan'a ekle düğmelerinin yüksekliğini ve genişliğini değiştirmek için g:savetoandroidpay HTML etiketinin height ve size alanlarını kullanın. Mobil uygulamalar veya özel kullanıcı arayüzü gereksinimleri olan durumlar için metin ve düğme boyutlarını önemli ölçüde artırmak üzere textsize=large spesifikasyonunu kullanın.
Düğmelerin rengini ayarlamak için theme kullanın. Aşağıdaki tabloda, bu ayarların Google Cüzdan'a ekle düğmesini nasıl etkilediği gösterilmektedir.
Kart Oluşturma Kuralları
Kartlarınızın iyi görünmesi ve düzgün çalışması için lütfen karakter sınırlamaları, bildirimler, arka plan renkleri ve hero resimlerle ilgili aşağıdaki yönergelere uyun.
Kart Arka Plan Rengi
Arka plan rengini hexBackgroundColor alanıyla ayarlayabilirsiniz. Değeri ayarlamazsanız bir algoritma logoyu analiz eder, baskın rengi bulur ve arka plan rengi için bu rengi kullanır.
Yüksek doygunluğa sahip "canlı" bölgelerden (ör. neon yeşili #00FF00 veya elektrik camgöbeği #00FFFF) kaçının. Bu renkler gözü çok yorar ve metnin arka planda "kaybolmasına" veya silinmesine neden olur. Bunun yerine önerilen renklerden birini kullanın.
Önerilen renkler
#1a1a1a
#677088
#e8eaed
#f8f9fa
#ffffff
#d6322d
#f78f48
#f9bb2d
#1e7e3b
#216acf
#9147df
#fce8e6
#e6fffa
#e8f0fe
Hero resimler
class.heroImage alanı, kartınızın veri alanlarının altında tam genişlikte bir resim olarak görünür.
Henüz eklemediyseniz resim ekleyebilirsiniz. Resminiz varsa aşağıdaki spesifikasyonlara uyduğundan emin olun. Resim seçmezseniz kart kategorisinin yedek resmini gösteririz.
Aşağıda, hero resimler için kullanıcı arayüzü önerilerinin bir listesi verilmiştir:
| Kural | Açıklama | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| Tercih edilen dosya türü | .PNG. Kartın arka plan renginin görünmesini istiyorsanız şeffaf bir PNG kullanın. | ||||||||
| Önerilen boyut | 1032x812 piksel | ||||||||
| En boy oranı | 1032:812 (yaklaşık 5:4) | ||||||||
| Yapılması ve yapılmaması gerekenler |
|
İçerik
Başlıklar, alt başlıklar, alan etiketleri ve alan verileri: Kullanıcının daha iyi anlaması için başlıkları ve diğer alanları mümkün olduğunca kısa tutun. Aşağıdaki karakter sınırlamaları İngilizce için geçerlidir ancak bunlar diğer dillere çevrilerek cihazlar ve bölgeler arasında farklı bir kullanıcı deneyimi sunar. Emin olmadığınız durumlarda, önemli ayrıntıları aktarmaya devam ederken içeriği basitleştirin.
| Alan | Sınır |
|---|---|
| Başlık etiketi | < 47 karakter |
| Alt başlık etiketi | < 88 karakter |
| Alan/başlık etiketi (ör. Tarih, Açıklama, Sınıf, Yolcu adı) | < 20 karakter |
| Alan verisi etiketi (ör. 19 Ekim 2026, Economy Plus) | < 15 karakter |
Okunabilirliği sağlamak için verileri satır başına iki alanla ve mümkünse en fazla 3 satırla sınırlayın.
Bildirimler
| Alan | Sınır |
|---|---|
| Başlık | < 29 karakter |
| Daraltılmış gövde | < 40 karakter |
| Genişletilmiş gövde | < 80 karakter |
Küçük cihazları olan veya yazı tipi boyutlarını artıran kullanıcılar için metnin kesilmesini önlemek amacıyla karakter sınırlamalarına uyulması önerilir. Daha fazla bilgi için Bildirimler | Mobil | Android Geliştiricileri sayfasına bakın.
Logolar
Logo resmi kuralları
Google Cüzdan, logonuzu dairesel bir şekle dönüştürür.
Logo resimleri için kullanıcı arayüzü önerilerinin listesi aşağıda verilmiştir:| Kural | Açıklama |
|---|---|
| Tercih edilen dosya türü | PNG |
| Minimum boyut | 660 piksel x 660 piksel |
| Resim en boy oranı | 1:1 |
| Albüm kapağı en-boy oranı | 1:1 |
| Gerçek piksel boyutu | Cihaz boyutuna göre ölçeklendir |
| Dairesel logo maskesi |
Logonuz, dairesel bir tasarıma sığacak şekilde maskelenir. Logonuzun güvenli alana sığdığından emin olun. Logonuzu önceden maskelemeyin. Logoyu, tam taşmalı arka plan rengine sahip bir kare içinde bırakın. Maskelendiğinde kesilmemesi için logonun %15'lik bir kenar boşluğu olmalıdır. 
|
Google Cüzdan, logonuzu dairesel bir şekle dönüştürür.
Geniş logo resmi kuralları
Geniş logo resimleri; etkinlik biletleri, biniş kartları, QR kodlu toplu taşıma kartları, bağlılık kartları, fırsatlar, hediye kartları, genel kartlar ve genel kişisel kartlar tarafından desteklenir. Aşağıda, geniş logo resimleri için kullanıcı arayüzü önerilerinin bir listesi verilmiştir:
| Kural | Açıklama |
|---|---|
| Dosya türü | Şeffaf PNG dosyası |
| Önerilen boyut | 1.280 piksel x 400 piksel |
| Minimum boyut |
Yükseklik için 400 piksel, genişlik orantılıdır (en boy oranı bölümünde daha fazla bilgi bulabilirsiniz) Geniş, dikdörtgen resimler kullanın. |
| En boy oranı |
16:5 
|
| Renk |
Koyu arka planlı kartlar için yüksek kontrastlı, çok açık bir renk (ör. beyaz) kullanın. Açık renkli arka plana sahip kartlar için yüksek kontrasta sahip çok koyu bir renk (ör. siyah) kullanın. 
|
Ek resimler
Bir sınıf veya nesnedeki *.imageModulesData.mainImage alanı, kartta hero resmin altında tam genişlikte bir resim olarak görünür. Yalnızca kartınızın daha iyi anlaşılması için ek bir resim gerekiyorsa kullanın.
Ek resim yönergeleri
Aşağıda, ek resimler için kullanıcı arayüzü önerilerinin bir listesi verilmiştir:
| Kural | Açıklama |
|---|---|
| Tercih edilen dosya türü | PNG |
| Minimum boyut |
1.860 piksel genişlik, değişken yükseklik. Geniş, dikdörtgen resimler kullanın. En iyi sonuçlar için renkli arka plana sahip bir resim kullanın. |
| Görüntü boyutu |
Şablonun tam genişliği ve orantılı yüksekliği. 
|
Barkod resimleri
Belirli sektörlerde barkodun üstünde ve altında resimlere izin verilir.
Barkodun üzerindeki resimler
Aşağıda, barkodun üzerindeki resimler için kullanıcı arayüzü önerilerinin bir listesi verilmiştir:
| Yönerge | Açıklama |
|---|---|
| Tercih edilen dosya türü | PNG |
| Maksimum yükseklik |
20 dp (maksimum en-boy oranında) İki resim varsa önerilen boyut 80 piksel yükseklik ve 80-780 piksel genişliktir. Bu sayede yan yana durabilirler. Resimlerden biri kare, diğeri dikdörtgense resimlerin 80x80 piksel ve 780x80 piksel olması gerekir. |
| En boy oranı |
Sınırlandırılmamış. Tek bir resmin maksimum 20 dp yüksekliği ve genişliği için 20:1 en boy oranını kullanın. Barkodun üzerinde yalnızca tek bir resim olmasını istiyorsanız tam genişliği kullanın (dolgu hariç). Resmin 1600x80 piksel olması gerekir. |
| Maksimum görüntü boyutu (tek resim) | 20 dp yükseklik ve 400 dp genişlik |
Barkodun altındaki resim
Aşağıda, barkodun altındaki resim için kullanıcı arayüzü önerilerinin bir listesi verilmiştir:
| Yönerge | Açıklama |
|---|---|
| Tercih edilen dosya türü | PNG |
| Maksimum yükseklik |
20 dp (maksimum en-boy oranında) Önerilen boyut 80 piksel yükseklik ve 80-1.600 piksel genişliktir. Kare ise 80x80 piksel. Dikdörtgense 1600x80 piksel. |
| Sınırlanmamış en-boy oranı. Maksimum 20 dp yükseklik ve genişlik için 20:1 en boy oranını kullanın. | Tam genişlikte bir resim istiyorsanız (dolgu hariç) resim 1600x80 piksel olmalıdır. |
| Maksimum görüntüleme boyutu 20 dp yükseklik ve 400 dp genişliktir. |
Modüller
Modül, şablonun belirli bir bölümündeki bir alan grubunu temsil eder. Aşağıdaki tabloda, kartlarınızın Google Cüzdan uygulamasında doğru şekilde gösterilmesi için sınıflarınıza ve nesnelerinize eklemeniz gereken modül sayısıyla ilgili kurallar yer almaktadır.
| Kural | Açıklama |
|---|---|
imageModulesData
|
Sınıfınızda veya oluşturduğunuz nesnelerde yalnızca bir imageModulesData kullanın.
|
infoModuleData
|
Sınıfınızda veya oluşturduğunuz nesnelerde en fazla iki
|
linksModuleData
|
Sınıfınızda veya oluşturduğunuz nesnelerde toplamda en fazla dört
Sınıfınızda iki |
textModulesData
|
Oluşturduğunuz sınıf ve nesneler arasında en fazla iki
Sınıfınızda program ayrıntılarını tanımlayan bir |
infoModuleData
InfoModuleData, üye bilgilerini ve özelleştirilebilir bilgileri içerir ve genişletilmiş görünümde gösterilir. Son kullanma tarihleri, ikinci puan bakiyeleri veya saklanan değer bakiyeleri gibi bilgileri depolamak için bu modülü kullanın.
linksModuleData
Bağlantılar modülü; web sayfalarının, telefon numaralarının ve e-posta adreslerinin URI'lerini içerir. Aşağıda, bağlantılar modülü için kullanıcı arayüzü önerilerinin bir listesi verilmiştir:
| Yönerge | Örnek ayar | Örnek resim |
|---|---|---|
Bir web sitesine veya Google Haritalar'daki bir konuma URI atarken http: önekini kullanın. Bu ön ek, tüketicinin bağlantıya dokunarak web sitesine gitmesine veya konumu Google Haritalar'da görüntülemesine olanak tanır.
Bu ön ek, kartınızdaki açıklamanın önünde bir bağlantı veya harita simgesinin görünmesine de neden olur.
|
'uri': 'http://maps.google.com/?q=google'
|
|
'uri': 'http://developer.google.com/wallet/'
|
|
|
Telefon numarası tanımlarken tel: önekini kullanın. Bu önek, tüketicinin numarayı çevirmek için bağlantıya dokunmasına olanak tanır. Bu ön ek, karttaki metin açıklamasının önüne bir telefon simgesi de ekler.
|
'uri': 'tel:6505555555'
|
|
E-posta adresi tanımlarken mailto: önekini kullanın.
Bu ön ek, tüketicinin bağlantıya dokunarak adrese e-posta göndermesine olanak tanır. Bu ön ek, karttaki metin açıklamasının önüne bir e-posta simgesi de ekler.
|
'uri': 'mailto:jonsmith@email.com'
|
|
Başlıklar, etiketler ve adlar
Başlıkları, etiketleri ve adları başlık düzeninde yazın. Böylece her kelime büyük harfle başlar.
İçerik politikaları
Karttaki her alanın içeriği, Ödeme içerik politikalarına uygun olmalıdır. Sınıfta referans verdiğiniz web sitelerinin içerikleri de bu politikalara uygun olmalıdır.
İş ortağı platformu veri yerleşimi
Kullanıcıların kartla ilgili özellik açısından zengin uygulamanıza veya web sitenize gidebilmesi için kartın sınıfına ya da nesnesine linksModuleData.* özelliğini ekleyerek uygulamanızın derin bağlantısını veya web sitenizi eklediğinizden emin olun. Bu sayede kullanıcı, Google Cüzdan'da görünen karttan platformunuza gidebilir. Nasıl oluşturulduğunu görmek için kart sektörlerinin tasarım bölümlerine gidin.