Rusya'daki kullanıcılar için geliştirme yapıyorsanız Google Cüzdan bu ülkelerde kullanılmadığından lütfen "Telefona kaydet" düğmelerini kullanın. Lütfen ilgili öğelere ve yönergelere bakın. Rusya dışındaki kullanıcılar için uygulama geliştiriyorsanız lütfen aşağıdaki öğeleri indirerek Google Cüzdan'a ekle düğmenizi güncelleyin.
Belgenin bu bölümü, Google Cüzdan uygulamasında güzel görünmeleri için resimleri ve diğer kullanıcı arayüzü öğelerini oluşturmanıza yardımcı olmak amacıyla tasarlanmıştır.
Öğeler
Google Cüzdan'a ekle düğmesi
Kullanıcıları, uygulamanızdan veya web sitenizdeki bir kartı ya da kartı cüzdanlarına kaydetmeleri için yönlendirdiğinizde Google Cüzdan'a ekle düğmesi kullanılır. Google Cüzdan'a ekle düğmesi, Google Cüzdan API akışlarından birini çağırmalıdır. Bu akışlarda, kullanıcıların Android cihazlarına ve Google Hesaplarına kartları kaydetmek için talimatları uygulayabilecekleri Google Cüzdan uygulaması yer alır. 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 indirme - Android XML Öğeleri indirme - SVG Öğeleri indirme - PNG
Google Cüzdan'da görüntüle düğmesi
Google Cüzdan'da görüntüle düğmesi, önceden kaydedilmiş bir kartı veya kartı görüntülemek amacıyla kullanıcının cüzdanına derin bağlantı oluşturmak için kullanılır. Bu düğme uygulamalarda, web sitelerinde veya e-postalarda kullanılabilir.
Google Cüzdan'da görüntüle düğmeleri SVG ve PNG biçimindedir.Öğeleri indirme - SVG Öğeleri indirme - PNG
Sitenizde, uygulamanızda veya e-posta iletişiminizde görüntülenen tüm düğmeler bu sayfada belirtilen marka yönergelerine uygun olmalıdır. Bu kurallara ilişkin örnekler aşağıdakileri içerir, ancak 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
Cüzdan'ın kullanılabildiği tüm pazarlar için yerelleştirilmiş Google Cüzdan düğmeleri sağlanır. Bu pazarlardaki kullanıcılar için geliştirme yapıyorsanız her zaman yukarıda bağlantısı verilen düğmeleri kullanın. Düğmeler için kendinize ait bir sürüm oluşturmayın. Düğmenin yerelleştirilmiş sürümü pazarınızda mevcut değilse düğmenin İngilizce sürümünü kullanın.
Yerelleştirilmiş ad
Kullanıcılar açısından anlaşılır olması için Google Cüzdan ürün adı belirli pazarlarda yerelleştirilir. Bu ülkelerdeki kullanıcılar için geliştirme yapıyorsanız web, e-posta ve yazdırma için her zaman aşağıdaki yerelleştirilmiş adı kullanın. "Google Cüzdan" için kendi yerelleştirilmiş sürümünüzü oluşturmayın. Pazarınız aşağıda listelenmiyorsa "Google Cüzdan"ı İngilizce olarak kullanın.
|Ülke
|Ad
|Belarus
|Google Кошелек
|Brezilya
|Carteira do Google
|Şili
|Google Bilet
|Çekya
|Yunanistan
|Hong Kong
|Google 錢包
|Litvanya
|Google Piniginmeasure
|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 Garantili


Amerika Birleşik Devletleri (İspanyolca)
*Kullanıcı arayüzünüz İspanyolca ise bu adı ABD'de kullanın
|Google Bilet
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 eşit veya 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üğmeleri iki varyasyon olarak kullanılabilir: birincil ve sıkıştırılmış. Google Cüzdan'a ekle düğmesi yalnızca siyah renktedir. Düğmenin yerelleştirilmiş sürümleri sağlanır. Kendi yerelleştirilmiş metinlerinizle düğmeler oluşturmayın.
|Birincil
|Dar
|Beyaz ve açık arka planlarda birincil düğmeyi kullanın.
|Birincil veya tam genişlik için yeterli alan yoksa sıkıştırılmış düğmeyi kullanın.
Boş alan
Google Cüzdan'a ekle düğmesinin tüm kenarlarında her zaman minimum 8 dp boş alan bırakın. Boş alanın asla grafik veya metinlerle bozulmadığından emin olun.
Minimum yükseklik
Tüm Google Cüzdan'a ekle düğmelerinin yüksekliği en az 48 dp olmalıdır.
Yapılması ve yapılmaması gerekenler
|Yapılması gerekenler
|Yapılmaması gerekenler
|Yapılması gerekenler: Yalnızca Google tarafından sağlanan Google Cüzdan'a ekle düğmelerini kullanın.
|Yapılmaması gerekenler: Kendi Google Cüzdan'a ekle düğmelerinizi oluşturun veya düğmenin yazı tipini, rengini, düğme yarıçapını ya da düğmenin içindeki dolguyu herhangi bir şekilde değiştirin.
|Yapılması gerekenler: Siteniz genelinde aynı düğme stilini kullanın.
|Yapılmaması gerekenler: Google Cüzdan'a ekle düğmelerini diğer düğmelerden küçük olacak şekilde küçültün.
|Yapılması gerekenler: Google Cüzdan'a ekle düğmelerinin boyutunun, diğer düğmelere eşit veya onlardan büyük olduğundan emin olun.
|Yapılmaması gerekenler: Düğme rengini değiştirmeyin.
|Yapılması gerekenler: Google Cüzdan'a ekle düğmelerini yeniden boyutlandırırken düğme oranını aynı tutun.
|Yapılmaması gerekenler: Düğmeyi serbest ölçeklendirin.
|Yapılması gerekenler: Düğmelerin sağlanan yerelleştirilmiş sürümünü kullanın.
|Yapılmaması gerekenler: Düğmenin kendi yerelleştirilmiş sürümünüzü oluşturmayın.
Düğme yerleşimi için en iyi uygulamalar
Onay uygulaması ekranlarında, web sayfalarında veya e-postalarında Google Cüzdan'a ekle düğmesini görüntüleyin. Kullanıcı arayüzü tasarımınızda yol göstermesi için aşağıdaki en iyi uygulamaları inceleyin.
Bağlılık, Hediye kartları, Teklifler
Onay ekranlarında Google Cüzdan'a ekle düğmesini görüntüleyin. Düğmeyi web sitenizde veya uygulamanızda da gösterebilir ya da alakalı e-postalara ekleyebilirsiniz.
Google Cüzdan ürün adının metinde kullanımı
Kullanıcıya, teklifinin cihazına kaydedildiğini belirtmek için metin kullanabilirsiniz.
"G" ve "W" harflerini büyük harf yap
Google Cüzdan'ı belirtmek için her zaman büyük harf "G", büyük harf "W" ve ardından küçük harf kullanın. "Google Cüzdan" tam adını büyük harfle yazmayın (kullanıcı arayüzünüzün tipografik stiliyle eşleşmiyorsa).
Google Cüzdan'ı kısaltmayın
Her zaman "Google" ve "Cüzdan" kelimelerini yazın.
Kullanıcı arayüzünüzün stiline uygun hale getirin
"Google Cüzdan"ı, kullanıcı arayüzündeki metnin geri kalanıyla aynı yazı tipi ve tipografik stile 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ş kopyaya 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 durumlarda metin ve düğme boyutlarını önemli ölçüde artırmak için
textsize=large spesifikasyonunu kullanın.
Düğmelerin rengini ayarlamak için
theme öğesini kullanın. Aşağıdaki tabloda, bu ayarların
Google Cüzdan'a ekle düğmesini nasıl etkilediği gösterilmektedir.
Logolar
Logo resmi kuralları
Google Cüzdan, logonuzu dairesel bir şekil olarak maskeler.Aşağıda, logo resimleri için kullanıcı arayüzü önerilerinin bir listesi bulunmaktadır:
|Kural
|Açıklama
|Tercih edilen dosya türü
|PNG
|Minimum boyut
|660 piksel x 660 piksel
|Resim en boy oranı
|1:1
|Poster en boy oranı
|1:1
|Gerçek piksel boyutu
|Cihaz boyutuna göre ölçeklendir
|Logo yuvarlak maske


Logonuz, dairesel bir tasarıma sığacak şekilde maskelenir. Logonuzun Güvenli Alan'a sığdığından emin olun. Logonuzu önceden maskelemeyin. Logoyu, tüm alanı kaplayan arka plan rengine sahip bir kare içinde bırakın. Maskelendiğinde kesilmemesi için logonun% 15'lik bir kenar boşluğu olması gerekir.
Google Cüzdan, logonuzu dairesel bir şekil olarak maskeler.
Geniş logo resim kuralları
Geniş logo resimleri; etkinlik biletleri, biniş kartları, QR kodu toplu taşıma kartları, bağlılık kartları, fırsatlar, hediye kartları, genel kartlar ve genel özel kartlarda desteklenir. Aşağıda, geniş logo resimleri için kullanıcı arayüzü önerilerinin bir listesi bulunmaktadır:
|Kural
|Açıklama
|Tercih edilen dosya türü


PNG
En iyi sonuçları elde etmek için arka plan rengine sahip bir resim kullanın (geçiş arka plan renginizle aynı rengi kullanmanızı öneririz)
|Önerilen boyut
|1.280 piksel x 400 piksel
|Minimum boyut


Yükseklik için 400 piksel, genişlik orantılıdır (önerilen en boy oranı bölümünde daha fazla bilgi)
Geniş, dikdörtgen resimler kullanın.
|Önerilen en boy oranı


Resim, önerilen en boy oranına ayarlanmadıysa sağlanan başlık alanlarının en boy oranına uyacak şekilde yeniden boyutlandırılır. Aşağıdaki şemada, resim öğesinin en boy oranına göre nasıl yeniden boyutlandırılacağı ayrıntılı bir şekilde açıklanmaktadır.
Kart Arka Plan Rengi
Arka plan rengini
hexBackgroundColor alanı ile ayarlayabilirsiniz. Değeri ayarlamazsanız bir algoritma logoyu analiz eder, baskın rengi bulur ve arka plan rengi için kullanır.
Hero resimler
class.heroImage alanı, kartın gövdesinde tam genişlikte bir banner olarak görünür.
Hero resim kuralları
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
|Önerilen boyut


1032x336 piksel
Geniş, dikdörtgen resimler kullanın.
En iyi sonuçları elde etmek için arka planı renkli bir resim kullanın.
|En boy oranı
|3:1 veya daha geniş
|Görüntü boyutu


Kartın tam genişliği ve orantılı yükseklik.
Tam genişlikte resimler
Bir sınıftaki veya nesnedeki
*.imageModulesData.mainImage alanı, geçişte tam genişlikte bir resim olarak görünür.
Tam genişlikte resim kuralları
Aşağıda, tam genişlikteki görüntüler için kullanıcı arayüzü önerilerinin bir listesi bulunmaktadır:
|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ı elde etmek için arka planı renkli bir resim kullanın.
|En boy oranı
|Değişken
|Görüntü boyutu


Şablonun tam genişliği ve orantılı yükseklik.
|Logonuz için kullandığınız renk şemasını kullanın.
Barkod resimleri
Bazı sektörlerde barkodun üstündeki ve altındaki resimlere izin verilir.
Barkodun üzerindeki resimler
Aşağıda, barkodun üzerindeki resimler için kullanıcı arayüzü önerilerinin bir listesi bulunmaktadır:
|Kural
|Açıklama
|Tercih edilen dosya türü
|PNG
|Maksimum yükseklik


20 dp (maksimum en boy oranında)
Önerilen boyut 80 piksel yüksekliğinde ve iki resim varsa 80-780 piksel genişliğindedir. Bu sayede ekip yan yana durabilir.
Resimlerden biri kare, diğeri dikdörtgense resimler 80x80 piksel ve 780x80 piksel olmalıdır.
|En boy oranı


Sınırlandırılmamış. Tek bir resmin maksimum 20 dp yükseklik ve genişliği için 20:1 en boy oranı kullanın.
Barkodun üzerinde yalnızca tek bir resim istiyorsanız tam genişliği alın (dolguyu hariç tutun). Resim 1600x80 piksel olmalıdır.
|Maksimum görüntülü reklam boyutu (tek resim)
|20 dp yükseklik ve 400 dp genişlik
Barkodun altındaki resim
Barkodun altındaki resim için kullanıcı arayüzü önerilerinin listesi aşağıda verilmiştir:
|Kural
|Açıklama
|Tercih edilen dosya türü
|PNG
|Maksimum yükseklik


20 dp (maksimum en boy oranında)
Önerilen boyut, 80 piksel yüksekliğinde ve 80-1600 piksel genişliğindedir.
Kareyse, 80x80 piksel.
Dikdörtgense 1600x80 piksel.
|Sınırlandırılmamış en boy oranı. Maksimum 20 dp yükseklik ve genişlik için 20:1 en boy oranı kullanın.
|Tam genişlikte bir resim (dolgu hariç) istiyorsanız resim 1600x80 piksel olmalıdır.
|Maksimum görüntü boyutu 20 dp yükseklik ve 400 dp genişliğindedir.
Modüller
Modüller, bir şablonun belirli bir bölümündeki alanlar grubunu temsil eder. Aşağıdaki tabloda, kartlarınızın Google Cüzdan uygulamasında doğru şekilde görüntülenmesini sağlamak için sınıflarınıza ve nesnelerinize eklemeniz gereken modül sayısıyla ilgili yönergeler verilmiştir.
|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
Bir


linksModuleData


Sınıfınızda veya oluşturduğunuz nesnelerde toplam dört adede kadar
Sınıfınızda, biri web sitenizin URI'sına, diğeri de yardım merkezinize ait telefon numarasına yönelik olmak üzere iki


textModulesData


Oluşturduğunuz sınıf ile nesneler arasında en fazla iki
Sınıfınızda program ayrıntılarını tanımlayan bir
infoModuleData
InfoModuleData, üye bilgileri ve özelleştirilebilir bilgiler içerir ve genişletilmiş görünümde görünür. Geçerlilik tarihleri, ikinci puan bakiyeleri veya saklanan değer bakiyeleri gibi bilgileri depolamak için bu modülü kullanın.
Başlıklar, etiketler ve adlar
Başlıklar, etiketler ve adları yalnızca ilk harfler büyük olacak şekilde 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 atıfta bulunduğunuz web sitelerinin içeriği de bu politikalara uygun olmalıdır.
İş ortağı platformu veri yerleşimi
Kullanıcıların, Kart hakkında zengin özelliklere sahip uygulamanıza veya web sitenize ulaşabildiğinden emin olmak için uygulama derin bağlantınızı veya web sitenizi Pass'in sınıf ya da nesne
linksModuleData.* mülküne eklediğinizden emin olun. Bu sayede kullanıcılar Google Cüzdan'da görünen Kart'tan platformunuza gidebilir. Nasıl oluşturulduğunu görmek için Kart sektörlerinin tasarım bölümlerine gidin.