Rusya'daki kullanıcılar için geliştirme yapıyorsanız lütfen "Telefona kaydet" düğmelerini kullanın. Google Cüzdan bu ülkelerde kullanıma sunulmamıştır. Lütfen ilgili öğelere ve yönergelere bakın. 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.
Dokümanların bu bölümü, Google Cüzdan uygulamasında mükemmel görünmeleri için resimler ve diğer kullanıcı arayüzü öğelerini oluşturmanıza yardımcı olmak üzere 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 kaydettikleri bir kart veya kart kaydetmeleri için yönlendirdiğinizde kullanılır. Google Cüzdan'a ekle düğmesi Google Cüzdan API'si akışlarından birini çağırmalıdır. Bu akışlarda, kullanıcıların kartları Android cihazlarına ve Google Hesaplarına kaydetme talimatlarını uygulayabilecekleri Google Cüzdan uygulaması gösterilir. 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, daha önce 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 indir - SVG Öğeleri indir - PNG
Sitenizde, uygulamanızda veya e-posta iletişiminizde görüntülenen tüm düğmeler, bu sayfada ana hatlarıyla açıklanan marka yönergelerine uygun olmalıdır. Bu yönergelerin örnekleri 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
Yerelleştirilmiş Google Cüzdan düğmeleri, Cüzdan'ın kullanılabildiği tüm pazarlarda sağlanmıştı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 kullanıma sunulmamışsa düğmenin İngilizce sürümünü kullanın.
Yerelleştirilmiş ad
Kullanıcı açısından anlaşılır olması için, Google Cüzdan ürün adı belirli pazarlarda yerelleştirildi. 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 İngilizce olarak "Google Cüzdan"ı kullanın.
|Ülke||Ad|
|Belarus||Google Кошелек|
|Brezilya||Carteira do Google|
|Şili||Biletera de Google|
|Çekya||Peněženka Google|
|Yunanistan|
|Hong Kong||Google 錢包|
|Litvanya||Google PiniginEXAMPLE|
|Polonya||Portfel Google|
|Portekiz||Carteira da Google|
|Romanya||Portofel Google|
|Slovakya|
|Tayvan||Google 錢包|
|Türkiye||Google Cüzdan|
|BAE||ممظة Google|
|Ukrayna||Google аманець|


Amerika Birleşik Devletleri (İspanyolca)


*Kullanıcı arayüzünüz İspanyolca ise bu adı ABD'de kullanın
|Biletera 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 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üğmelerinin iki çeşidi vardır: 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ş metninizle düğmeler oluşturmayın.
|Birincil||Dar|
|Beyaz ve açık renkli arka planlarda birincil düğmeyi kullanın.||Birincil veya tam genişlik için yeterli alan yoksa daraltılmış düğmeyi kullanın.|
Boş alan
Google Cüzdan'a ekle düğmesinin tüm kenarlarında her zaman en az 8 dp boş alanı bırakın. Boş alanın grafik veya metinlerle asla bölünmediğinden 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şturmayın veya yazı tipini, rengi, düğme yarıçapını ya da düğmenin içindeki dolguyu hiçbir şekilde değiştirmeyin.|
|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 daha küçük yapın.|
|Yapılması gerekenler: Google Cüzdan'a ekle düğmelerinin boyutunun diğer düğmelerle aynı 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ümlerini kullanın.||Yapılmaması gerekenler: Düğmenin kendi yerelleştirilmiş sürümünü 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 size yol göstermesi için aşağıdaki en iyi uygulamalara başvurun.
Bağlılık, Hediye kartları, Teklifler
Onay ekranlarında Google Cüzdan'a ekle düğmesini görüntüleyin. Düğmeyi ayrıca web sitenizde veya uygulamanızda gösterebilir ya da alakalı e-postalara ekleyebilirsiniz.
Metinde Google Cüzdan ürün adının kullanımı
Kullanıcıya hediye kartının cihazına kaydedildiğini belirtmek için bir metin kullanabilirsiniz.
"G" ve "W" harflerinin büyük harf kullanımı
Google Cüzdan'ı belirtmek için her zaman büyük harfle "G" ve büyük "W" harfi ve ardından küçük harf kullanın. Kullanıcı arayüzünüzdeki yazı tipi stiliyle eşleşmediği sürece "Google Cüzdan" adının tamamını büyük harfle yazmayın.
Google Cüzdan'ı kısaltmayın
Her zaman "Google" ve "Cüzdan" kelimelerini yazın.
Kullanıcı arayüzünüzdeki stille eşleştirin
"Google Cüzdan"ı kullanıcı arayüzünüzde metnin geri kalanıyla aynı yazı tipi ve tipografik stiline ayarlayın. Google'ın tipografik tarzını taklit etmeyin.
Her zaman "Google Cüzdan"ın yerelleştirilmiş sürümünü kullan
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ü gereksinimlerinin olduğu durumlar için metin ve düğme boyutlarını önemli ölçüde artırmak amacıyla
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 maskeleyerek dairesel bir şekil oluşturur.Aşağıda, logo resimleri için kullanıcı arayüzü önerilerinin bir listesi verilmiştir:
|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 kırpılmaması için logonun kenar boşluğunun% 15 olması gerekir.
Google Cüzdan, logonuzu maskeleyerek dairesel bir şekil oluşturur.
Geniş logo resim kuralları
Geniş logo resimleri; etkinlik biletleri, biniş kartları, QR kodu toplu taşıma kartları, bağlılık kartları, teklifler, hediye kartları, genel kartlar ve genel özel kartlar tarafından 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 için arka plan rengi olan 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 bulabilirsiniz)
Geniş, dikdörtgen resimler kullanın.
|Önerilen en boy oranı||


Resim, önerilen en boy oranına ayarlanmazsa 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ı olarak açıklanmaktadır.
Kart Arka Plan Rengi
Arka plan rengini
hexBackgroundColor alanıyla ayarlayabilirsiniz. Değer 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övdesi boyunca 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 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 sunulan 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 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 listesini bulabilirsiniz:
|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üksekliğinde ve iki resim varsa 80-780 piksel genişliğindedir. Bu sayede ekip yan yana olabilir.
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üksekliği 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 (dolgu hariç). Resim 1.600x80 piksel olmalıdır.
|Maksimum görüntü boyutu (tek resim)||20 dp yükseklik ve 400 dp genişliği|
Barkodun altındaki resim
Barkodun altındaki resim için kullanıcı arayüzü önerilerinin listesini aşağıda bulabilirsiniz:
|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üksekliğinde ve 80-1600 pikseldir.
Kare ise 80x80 piksel.
Dikdörtgen ise 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 1.600x80 piksel olmalıdır.|
|Maksimum ekran boyutu 20 dp yükseklik ve 400 dp genişliğindedir.|
Modüller
Modül, bir şablonun belirli bir bölümündeki alan grubunu temsil eder. Aşağıdaki tabloda, kartlarınızın Google Cüzdan uygulamasında doğru bir şekilde görüntülendiğinden emin olmak için sınıflarınıza ve nesnelerinize eklemeniz gereken modül sayısıyla ilgili yönergeler yer almaktadır.
|Kural||Açıklama|


Sınıfınızda veya oluşturduğunuz nesnelerde yalnızca bir


Sınıfınızda veya oluşturduğunuz nesnelerde en fazla iki


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


Sınıf ve oluşturduğunuz nesneler arasında en fazla iki
Sınıfınızda program ayrıntılarını tanımlayan bir
infoModuleData
InfoModuleData, üye ve özelleştirilebilir bilgiler içerir ve genişletilmiş görünümde gösterilir. Geçerlilik bitiş tarihleri, ikinci puan bakiyeleri veya depolanan 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, her kelime büyük harfle başlayacak şekilde yazın.
İçerik politikaları
Kartlardaki 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 konusunda zengin özelliklere sahip uygulamanıza veya web sitenize ulaşabildiğinden emin olmak için uygulamanızın derin bağlantısını veya web sitenizi Pass'in sınıfına veya nesne
linksModuleData.* mülküne eklediğinizden emin olun. Bu sayede kullanıcılar Google Cüzdan'da görünen Pass'ten platformunuza gidebilir. Nasıl oluşturulduğunu görmek için Geçiş sektörlerinin tasarım bölümlerine gidin.