Yandex tarayıcısında skorbord. Yandex'in ana sayfasına bir widget nasıl eklenir ve konuyu ayarlayın? Yandex tarayıcısında widget'lar nasıl ayarlanır?

HTML kodunda bir widget'ı tarif etmek

Aşağıdaki Metatağ'ı içine yerleştirin. Her web sayfasının HTML kodundaki bölüm:

Öznitelik Açıklama (Her iki öznitelik gereklidir):

İsim, Yandex-Tableau-Widget'ın meta etiketinin adıdır.

İçerik, widget'ın logosunun ve renginin açıklamasıdır: Content \u003d "Logo \u003d logo.png, renk \u003d # fffff, feed \u003d feed.json"

• Urlencoded.

Widget Manifest

Kısıtlama. Manifest.json dosyasının boyutu 100 KB'yi geçmemelidir.

Bir widget'ı yapılandırmanın bir başka yolu, bir widget manifest dosyası oluşturmak ve içinde bir bağlantı yerleştirmektir. Her sayfanın HTML kodunda etiketleyin.

manifest.json, Widget Manifest'i indirmenin yoludur. Göreceli veya mutlak olabilir:

Mutlak yol, dosyanın tam URL'sidir. Misal: http: //sitename.tld / ... /manifest.json.

Göreceli yol, widget'ın çözüldüğüne göre Widget Manifest'ün yoludur. Örnek: Manifests / Manifest.json.

Tarayıcı, belirttiğiniz bağlantı üzerinden manifest dosyasını günde bir kez indirir. Tarayıcı, tarayıcı her yeniden başlatıldığında daha az sık görülürse.

besleme, bildirimleri açıklamasının yolunu belirten isteğe bağlı bir özelliktir. Bu özellik dahil değilse, widget bildirimler olmadan görüntülenir. Yol urlended olmalıdır.

Feed.json dosyasının amacı ve formatı

Kısıtlama. Feed.json dosyasının boyutu 50 KB'yi geçmemelidir.

Feed.json dosyası, widget'ta görüntülenen bildirginlerin ve güncel değerlerini içerir. Sunucudan web yöneticisi tarafından ayarlanan bir frekansta otomatik olarak indirilir (her 60 dakikada bir varsayılan olarak). Bu, bildirginlerin güncellenmesini sağlar. Eğer, indirme sırasında, sunucu arka arkaya üç kez yanlış bir cevap verirse, Notifier değerleri sıfıra sıfırlanır.

Kısıtlama. Muhakemde belirtilen adreste feed.json adresine verilen cevap, Content Type: Uygulama / JSON tipi olmalıdır.

Feed.json, aşağıdaki yapıya sahip bir JSON dosyasıdır:

("Bildirimler": [(" ": ), // 1. bildirimin açıklaması; Numara bir tamsayı veya kayan bir nokta numarasıdır (iki ondalık basamağa kadar). (" ": ), // 2. bildirimin açıklaması. (" ": ), // 3. bildirimin açıklaması. ], "Refresh_Time": }

Özellik simgesi adının bu önceden tanımlanmış değerlerden birini kabul ettiği yer:

Öznitelik numarası, seçilen türden görüntülenmeyen mesajların sayısıdır. Bir dosya oluştururken, 0 girmenizi öneririz. Öznitelik değeri gelecekte otomatik olarak güncellenecektir.

Simgelerin rengi otomatik olarak belirlenir; Widget'ın koyu arka planı varsa, bildirimin açık bir renge sahip olacak ve bunun tersi de geçerlidir.

Kısıtlama. Bir widget üçten fazla bildirim göstermez. Besleme dosyası daha fazla bildirioyu belirtirse, widget ilk üçünü gösterecektir.

Bildirileri olan Widget Açıklama Örneği

feed.json dosyası.

("Bildirimler": [("Bell": 1), ("Arkadaş": 2), ("Mesaj": 1)], "Refresh_Time": 2)

Yandex tarayıcısında Sitenin Tableau widget'ında gösterilecek bildirginlerin değerleri

Widget tasarım gereksinimleri.

Web sitesi widget için arka plan rengi ve logo görüntü tanımlamanız gerekir.

İpucu. Arka plan rengi, şirketin imza rengine veya web sitesinin ana arka plan rengine karşılık gelmelidir.

Logo gereksinimleri.

Logo imajı shold, aşağıdaki istekleri karşılamaktadır:

İyi ve zayıf logolar örnekleri

Widget tasarım örnekleri

Site.	youTube.com.	yandex.com.	bbc.com.	twitter.com.
Rengini doldur	# 3B5998.	#Ffffff.	#000000	# 00ADEC.
Widget arka plan.
Logo
SONUÇ

Yandex.bauser veya genişletme görsel yer imlerinin tüm kullanıcıları, skor tahtasına favori bir site eklerken, en sevdiğiniz sitenin güzel bir gösterimini görmeyi bekler!

Skor tahtası yer imleri nasıl görünüyor:

Gördüğünüz gibi, bazı yer imleri (vkontakte, helpf.pro, mail.ru) güzelce görüntülenir ve bazıları - Favicon ve adlı bir daire: (

Bu yazıda, Sitenin güzel bir gösterimini Tablo Yandex.Bauser'da nasıl ayarlayacağınızı söyleyeceğiz:

Skor tahtası için bir site widget nasıl oluşturulur Görsel yer imleri

Sitemiz örneğinde nasıl yapacağınızı göstereceğiz - Site - Web İlk Danışmanı

Yapabiliriz:

• sitemiz için widget'ın arka planını değiştirin;
• logonuzu ekleyin;
• Çeşitli bildirimlerin simgelerinin çıktısını yapılandırın.

Bunu yapmak için aşağıdaki işlemleri yapmanız gerekir:

• Bir Widget Manifest'i oluşturun.
• Sitenin her sayfasındaki Manifest'e bir bağlantı yerleştirin (etiketin içindeki sayfanın HTML sayfasında).

Manifesta Oluşturma

Manifesto, belirli bir yapının JSON dosyasıdır, sitemiz için böyle yaptık:

("Sürüm": "1..png", "Renk": "#fefefe", "show_title": false), "Besleme": ("URL": "http: // Website / Mesajlar", "Biçim" : JSON, "Notifers": [("İsim": "Mesajlar", "Simge": "% sohbet%")])))

Tezahürün parametreleri hakkında kısaca

sürüm.- Manifest dosyasının sürüm numarası (gerekli alan). Bir nokta ile ayrılmış, 0 ila 65535 arası tamsayılardan oluşur. Sürümdeki sayıların sayısı - Dört'e kadar. Çizikten çok değerli bir sayı başlatılmasına izin verilmez (yani, 32, 032 olarak belirtilemez).

Örnekler: "Sürüm": "1" veya "Sürüm": "1.0"

api_version.- API'nin sürüm numarası, widget'ın çalışması gereken çeteledir (zorunlu alan).

Örnek: "api_version": 3

yerleşim.- Widget görünümünün açıklaması (zorunlu alan). Logonun açıklamasından, widget'ın renkleri ve site sayfası başlığının görüntüsünden sorumludur.

beslemek- Widget'ın üstünde görüntülenen bildirginlerin açıklaması (isteğe bağlı alan). Manifest'teki besleme alanı belirtilmezse, widget, düzenli bildirici olmadan düzen alanında açıklandığı şekilde gösterilecektir.

Logolar için Gereksinimler

Logo resmi aşağıdaki gereksinimleri karşılamalıdır:

• Png formatı.
• Şeffaf arka plan.
• Logo, widget dolgusunun rengiyle uyumlaştırılmalıdır.

Logoyu doldurmaya çalışmayın. Widget'taki izin verilen tüm boşluk. Ana gösterge, widget rengidir, logo yalnızca ek olarak hizmet eder.

Logonun boyutunda sınırlamalar:

• uzun yatay logolar - 150 piksel kadar genişlik, 20 piksel yüksekliğe kadar.
• kısa yatay logolar - 100 piksel kadar genişlik, 30 piksel yüksekliğe kadar.
• kare logolar yüksekliğinde 50 piksel kadar olabilir.

Tanımlayıcı Böceği için Gereksinimler

Widget'ta gösterilen bildirilerin simgeleri aşağıdaki gereksinimleri karşılamalıdır:

• 14 piksel kadar genişlik.
• 14 piksel kadar yüksek.
• 10 KB'a kadar boyut.

Başlık bölümündeki Sayfa Kodunda Manifest Yerleştirme

manifest.json, Widget Manifest'i indirebileceğiniz URL'dir.

Bunun gibi işaret ettik:

Sonuç olarak, var:

Ekran widget'ı kontrol edin

Scoreboard widget'ları belirli bir aralıkla güncellenir, bu nedenle değişikliklerini hemen görmek için, tarayıcı servis sayfasını kullanın: // tableau-widget

Bu yüzden sitemiz için benziyor:

Ve böylece, 5 dakika içinde yapılabilecek zor ayarlar yapmadan sonra, aşağıdakileri ortaya çıktı:

Bu ayar size çok zaman almaz, ancak kullanıcının sitenizdeki tutumunu açıkça geliştirir!

Kendinizi yapılandıramazsanız, yardım için her zaman bizimle iletişime geçebilirsiniz:

Müşterilerimiz için yaptığımız skorboard yer imleri için widget örnekleri:

Herkese merhaba! Bugün Yandex.tablo'yu detaylı olarak söylemeyi planlıyorum, bir sonraki Yandex brainchild, sitelerin kendi kendine tanıtımı için faydalı bir şeyi temsil etmesiyle ve Sitenizin widget'ını Yandex'te kısayol panelinde görsel olarak görüntülemek için kullanılır. Tarayıcı. Tarayıcıyı kendinizi nispeten son zamanlarda kullanmaya ve sekizinci pencerelerin fayanslarının tarzındaki yer imlerinin ekranını kullanmaya başladım, özellikle bu çinileri ayarlama yeteneğini gerçekten beğendim. Sitede, site widget'ları katılım frekansı ilkesine veya sadece orada el ekleyerek düşer.
Düşünmeden oturdum ve yandex .tablo benim için. Bazı shoals oluşturma sürecinde, kökenleri açıklayamadığım, ancak "bilimsel tyka" yöntemiyle kazanmayı başardılar. Bu konuda tartışılacak.
Yandex'in tarayıcısının çok genç olduğu gerçeğine rağmen, Rusça konuşan kullanıcılar arasında popülerlik kazanmayı başardı. Buna dayanarak, SEO optimizatörlerinin ve sitelerin yaratıcılarının, örneğin dikkat etmenin ve Yandex.Tablo gibi yerleşik "cipsleri" kullanmanın zamanı geldiği açıktır.

Yararları Yandex.Tablo

Yukarıda söylediğim gibi, sitenin tanıtımına uygulanabilecek özel faydalı özellikler değildir, ancak "onay işareti" için her bir kendi kendine saygı duyan web yöneticisine veya SEO iyileştiricisine sahip olmalıdır. Yandex.tablo'daki widget'ı değiştirerek vurgular:

• Bekgrude'nun widget'ınızdaki değişiklikler.
• Site widget'ında bir logo ekleme.
• Herhangi bir etkinlik hakkında bildirim ekleyin.

Yandex.tablo'nun oluşturulması için adım adım talimatlar

Tüm temel ayarlar, Extension.json ile bir dosyada reçete edilir. Yandex'te, Manifest.json'ı aramanız önerilir, ancak hangi sebepleri bilmememin bir doğrulaması yoktu. onu aradım yandex-tableau-widget.json.

("Sürüm": "1", "Api_version": 1, "Düzen": ("Logo": "/" rengi ":" rengi ":" # f7f0e6 "," show_title ": false) - Zorunlu bir alan değil)

[STEXBOX ID \u003d "GRIGHT" CAPTION \u003d "Dosya Content.json"] { "Versiyon 1", "Api_version": 1, "Layout": ("logo": "/yandex-tablo-logo.png", "Renk": "# f7f0e6", Show_title: false) - isteğe bağlı ) [/ STEXTBOX]

1. Bu dosyanın başında, aşağıdaki satırları kaydetmeniz gerekir:

JSON DOSYA - BAŞLANGIÇ

"Versiyon 1",
"Api_version": 1,

Ve tıpkı böyle (Yandex'te kurulan 1.0 sürüm 1.0'da veya 0.1, kısaca, önemli değil), en azından, sadece doğrulamayı özledim.
2. Arka plan rengi, benim durumumda HTML biçiminde ayarlanmıştır - "Renk": "# F7F0E6"Sitede Bekmarkund gibi.
3. logo, Photoshop, boyutu kullanılarak oluşturulur 60px'te 150pxŞeffaf bir arka plan üzerinde yaptım ve formatında kaydettim.png, sahibim yandex-tablo-logo.png
4. Biz logoya giden yolu reçete - "logo": extension.json ile aynı dosyada "/yandex-tablo-logo.png"

Bu basit eylemlerden sonra, bu iki dosyayı koyun, yandex-tablo-logo.png ve yandex-tableau-widget.json Sitenin kökünde. Kafa aşağıdaki satırı kaydederiz:

Kafasına dize.

Sitenizin widget'ını Yandex.tablo'da nasıl görüneceğini kontrol edin, aşağıdaki şekilde:
Yandex.Browser'da sihirli cümleyi tanıtıyoruz chrome: // tableau-widget, açılan pencerede, dosyanızın tam yolunu girin.json (benim durumumda https: //syt/yandex-tableau-widget.json.) Ve her şey yolunda olursa, sitenizin widget'ını görebilirsiniz.

O zaman yer imlerine güvenli bir şekilde ekleyebilir ve Yandex.Tablo'daki benzersiz widget'la arkadaşlar edinebilirsin.

Ek olarak, eklemediğim bazı işlevler var, çünkü Onlarda çok mantıklı görmüyorum, ama kısaca onları tarif edeceğim:

1. Bildirim ekleme yeteneği, miktar sınırlı değildir, ancak en fazla 3 parça görüntülenmez. Yem alanı onlardan sorumludur. Kullanıcılara hiçbir şey hakkında bilgilendirebilecek 14x14px simgesine benziyorlar. Yandex.tablo her güncelleme ile değiştirin.
2. Widget'ın logosu ve rengi hem statik değerlere hem de bir tarayıcı arayüzüne bağlı olabilir.

25.12.2013'ün küçük bir eklenmesi - bugün indirdim ve yükledim Firefox. Ve çok hoş bir sürpriz, zaten çetele kurdu ve tüm widget'ları alır.

Dikkatiniz için teşekkürler. Umarım bu bilgi yandex.tablo oluşturmanıza yardımcı olacaktır.

Çoğu kullanıcı zaten Yandex'in ana sayfasına alışkındır, ancak kolayca değiştirilebilir. Örneğin, ana sayfayı böyle yapın:

Ayarlar yalnızca kurulduğunuz tarayıcı için geçerlidir!

Tasarımla başlayalım. Ana sayfa için bir konu seçmek için, sağ üst köşedeki simgeye basmanız ve görünen menüde "Konuyu Koy" dizesini seçin.

Sayfanın alt kısmında, sayfanın nasıl görüneceğini görebileceğinizi tıklayarak animasyonlu temalar görünür.

Gerekli konuyu seçme rahatlığı için, önerilen bölümlerden seçim yapabilir, örneğin "yaz", "ilkbahar", "moda", vb. Bölümler, temalarla görünen menünün üstünde belirtilir. Ayrıca, konular "hepsine" ve "yeni" e bölünmüştür.

Temalar memnun değilse, temaları yaşlılara sağa ve sola çevirebilirsiniz.

Konuyu seçtikten sonra, aşağıda bulunan "Theme Theme" düğmesini tıklamanız gerekir. Konuyu ayarlamak için fikrimi değiştirdiyseniz, pencereyi kapatabilir veya "İptal" düğmesini tıklayın.

Yandex'in görünüşünün ikinci menü maddesi - "Yandex'i ayarla". Yandex arama sayfasının ana sayfasında göreceğiniz widget'lar.

"Yandex'i Ayarla" i tıkladığınızda, gereksiz widget'ların değiştirme ve kaldırma moduna gidin. Widget'ları bir fare ile başka bir widget'ın yerine sürükleyebilirsiniz (widget'ı ziyaret edin, sol fare düğmesini kelepçelendirin ve sürükleyin) veya sağ üst köşedeki haçı basarak silebilirsiniz. Bazı widget'ların gösterilen bilgilere bağlı olarak kendi ayarları vardır. Örneğin, Yandex-Tube Widget, herhangi bir şehir için yapılandırılabilir ve çalışma dom rotasını ayarlayabilir.

Gösterilen widget'lara ek olarak, başkalarını seçebilirsiniz. Bunu yapmak için, "Yeni bir widget ekle" bağlantısının sol üst köşesine tıklayın.

Solda, widget widget'ının sorularını seçebilir ve widget'ların kendileri sağda bulunur. Sayfanın alt kısmında, sonraki veya önceki sayfalara gitmek için bir numaralandırma var.

Bir widget seçmek için, fare imlecini üzerine getirirsiniz, Ekle düğmesi görünür ve farenin sol düğmesini tıklatın (düğmeye tıklamanız gerekmez, gadget veya başlığına tıklamak yeterlidir).

Bundan sonra, widget ana sayfada görünür ve diğer widget'ların yerine sürüklenebilir. Eylemi seçmelisiniz - "bırak" veya "sil".

Üstten menüde, uzak widget'ları geri vermek için düğmeler var (eğer silinmezse, bu düğme olmayacaksa "," Ayarları sıfırla "- Orijinal olarak, sayfanın tüm tasarımı olduğu için her şeyi döndürür" "Değişikliklerden önce olan türü iade etmek ve değişiklikleri kaydetmek için" kaydet "i idi.

Şehrin adına girme alanında, kentin ilk harflerini tanıtmaya başlar ve ardından açılır listeden seçin. Bağımsız olarak, şehir, yalnızca listeden seçim yapması istenmeyecektir. Burada, varsayılan şehri yükleyebilir, yani şehir otomatik olarak belirlenecektir. "Konumumu belirtmeyin" öğesinde bir kene koymak, bir soru ile açılır pencereler gösterilmeyecek, örneğin "Moskova'da mısın?" Ve cevap için iki seçenek - "Evet" ve "Hayır". Şehri seçtikten sonra, "Geri" düğmesini tıklayın.

Yandex.Browser (Yandex), en popüler tarayıcı kullanıcılarından biridir, bu nedenle bu tarayıcı ile en iyi etkileşim için siteyi optimize etmek çok faydalı olacaktır. Örneğin, her site sahibi kaynağı için doğru ekranı yapılandırabilir. site widget Sözde skor tahtası üzerinde - Yandex.Bauser arayüzünün unsurlarından biri.

Yandex.Browser'da skorbord - Bu, kullanıcıların yakın zamanda ziyaret etmelerini, en sık ziyaret edilen veya seçilen sitelere erişmelerini kolaylaştıran mini-hassas alanlara sahip özel bir paneldir. Skor tablosunda sunulan mini deneyler ayrıca, her biri site logosunu ve çeşitli gösterimlerin (isteğe bağlı) içerebilecek yerlerdir.

Tablo Yandex.brueer'teki kullanıcı tarafından eklendiğinde bir site widget oluşturmak için bağımsız olarak "bu amaç için uygun görüntülerden birini alır" ve ayrıca, widget arka planı için sitede kullanılan renklerden keyfi bir tane seçer. Tabii ki, bu durumda, sitenin widget'ının ziyaretçiler için çekici olacağından emin olun, mümkün olmayacak.

Tablo API, web yöneticilerinin sitelerinin widget'larının ekranını yönetmesini ve böylece kullanıcı deneyimini geliştirmelerini sağlar. Aynı zamanda, yönetim kurulu için site widget'unun ayarlanması iki şekilde mümkündür - ya site sayfalarının HTML kodunda bir meta etiketi kullanıyor veya bir widget manifest kullanıyor.

Bir meta etiketi kullanarak yandex.braser skor tahtası için Site widget'ını yapılandırmak için, her sayfanın HTML kodunda blokta gereklidir. Bu tasarımı yerleştirin:

Bu meta etiketinin her iki niteliktesi zorunludur. Ad özniteliği, meta etiketinin adını - Yandex-Tableau-widget'ın adını ve içerik özniteliğinde - logo için açıklama, arka planı ve widget notlarını doldurun. Logo parametresi, logo ile dosyaya kaydedilir ve renk parametresi değeri, arka planın rengi, hexadeMimal Hex formatında (#xxxxxx). Besleme parametresi, widget için bildirginlerin bir açıklamasını içeren feed.json dosyasının yolunu belirtir. Bu parametre isteğe bağlıdır.

Yandex.Browser'daki skor tahtası için site widget'ını özelleştirmenin ikinci yolu kullanımı sağlar. manifesto widget. Bu durumda, bir manifest.json dosyası oluşturmanız gerekir ve ardından blokta Sitenin her sayfasının HTML kodu, bu dosyanın bağlantısını aşağıdaki biçimde belirtin:

Burada HREF özniteliğinde mutlak veya göreceli olduğunu gösterir. manifest.json dosyasına giden yolSite klasöründeki sunucuya gönderildi. Varsayılan olarak Yandex.brueZer, belirtilen yoldaki Manifest dosyasını günde 1 kez yükler. Manifesto, Yönetim Kurulu'nun API sürümünün, logonun açıklaması ve widget'ın renginin yanı sıra, etkilenenleri açıklayan feed.json dosyasının yolu hakkında bilgi içeren bir JSON dosyasıdır.

Dosya Yapısı Manifest.json Sonraki:

("Api_version":<номер_версии_API_Табло>,
"Yerleşim":
("logo": "<ссылка на файл логотипа>",
"Renk": "<цвет виджета в коде HEX>"
},
"Yayın":<ссылка на файл feed.json>
}

Tablo Yandex.Bauser için Ayarlar Widget Özellikleri

Sitenin widget'ı doğru şekilde görüntülenir, yapılandırırken belirli kurallara uymak önemlidir. Örneğin, logo görüntüsüne Bir dizi gereksinimler sunulur: görüntü dosyası "ağırlık" üzerinde 300 KB'yi geçmemeli ve bir png formatına sahip olması gerekir; Görüntünün görüntüsü saydam olmalı ve logonun görüntüsünün izin verilen maksimum boyutları genişlikte 300 piksel ve 120 - yükseklikte.

Manifest.json ve feed.json dosyaları sırasıyla 100 KB ve 50 KB'yi geçmemelidir. Site widget ekranındaki feed.json dosyasından maksimum 3 Bildirimlerve eğer dosyada daha fazla belirtilirse (yalnızca 6 bildirici mevcut), sonra önce 3'ü görüntülemek için otomatik olarak seçilecektir.

Feed.json dosyasının yapısı aşağıdaki forma sahiptir:

"Yayın":
{
"Bildirimler": [
{"<имя значка 1>": <число>},
{"<имя значка 2>": <число>},
{"<имя значка 3>": <число>},
],
"Refresh_Time":<частота загрузки файла feed.json, в мин, по умолчанию 60 мин>
}

Burada "Simge" niteliğinde, bildirimler için 6 olası değerden biri belirtilir:% Bell% - Uyarılar,% Dünya Dünya - Haberlerdeki kayıtlar,% arkadaşım% - İstekler ekleyin,% mesaj% - Harfler Özel mesajlar,% fotoğraf% - fotoğraflar,% sohbet% - Anlık mesajlar. Ve "Numara" özniteliğinde, uygun tipin farksız mesajlarının sayısını (tam sayıyı veya yüzer noktalı virgüllerle) gösterir. "0" için bu özellik değeri için ayrılmak için bir feed.json dosyası oluşturulur, böylece gelecekte bu değer otomatik olarak güncellenir.