Diskuze: m.web
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.


Zobrazeno 14 zpráv z 14.
K personalizaci obsahu a reklam, poskytování funkcí sociálních médií a analýze naší návštěvnosti využíváme soubory cookie. Informace o tom, jak náš web používáte, sdílíme se svými partnery pro sociální média, inzerci a analýzy. Partneři tyto údaje mohou zkombinovat s dalšími informacemi, které jste jim poskytli nebo které získali v důsledku toho, že používáte jejich služby.
Používáme nezbytné cookies pro fungování webu a s tvým souhlasem také analytické a marketingové cookies.
Zajišťují základní funkce, bezpečnost a služby, které sis vyžádal. Nelze je vypnout.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| ITnetwork | ITnetwork | Provoz webu, relace, přihlášení a uložení nastavení cookies. | PHPSESSID, auth_token, sid, itn_consent_impression, __Host-itn_consent | Relace až 1 rok |
| Google Tag Manager | Správa značek a načítání měřicích nástrojů webu. | Žádné | Neukládá se | |
| Google Fonts | Načítání typografie webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google Hosted Libraries | Načítání potřebných knihoven a stylů webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google reCAPTCHA | Ochrana formulářů a webu před zneužitím. | _GRECAPTCHA, rc::a, rc::b, rc::c, rc::f | Relace až 180 dní | |
| YouTube | Přehrávání vloženého video obsahu. | localStorage, IndexedDB; cookies after playback interaction | Relace až trvalé úložiště | |
| Vimeo | Vimeo | Přehrávání vloženého video obsahu. | __cf_bm, _cfuvid, vuid, localStorage, IndexedDB | Relace až 2 roky |
| Facebook Login | Meta | Přihlášení pomocí účtu třetí strany. | Úložiště řízené poskytovatelem | Relace až 1 rok |
| GoPay | GoPay | Zpracování uživatelem vyžádané platby. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
Pomáhají nám porozumět používání webu a zlepšovat ho.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Analytics 4 | Měření návštěvnosti a používání webu. | _ga, _ga_* | Až 2 roky | |
| Microsoft Clarity | Microsoft | Měření návštěvnosti a používání webu. | _clck, _clsk, _cltk | Relace až 1 rok |
Slouží k měření kampaní, personalizaci reklamy a marketingové komunikaci.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Ads | Měření kampaní, reklama a remarketing. | _gcl_au, _gcl_ls | Relace až 90 dní | |
| Meta Pixel | Meta | Měření kampaní, reklama a remarketing. | _fbp, _fbc, localStorage | Až 90 dní |
| Sklik | Seznam.cz | Měření kampaní, reklama a remarketing. | retargeting, sid, szn:* | Relace až trvalé úložiště |
| LinkedIn Insight | Měření kampaní, reklama a remarketing. | bcookie, li_gc, lidc, __cf_bm | Relace až 1 rok | |
| Ecomail | Ecomail.cz | Měření kampaní, reklama a remarketing. | ecmid, Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
| Atribuce kampaní ITnetwork | ITnetwork | Přiřazení návštěvy a objednávky ke kampani. | campaign_clid[*], user_session_context | Až 1 rok |
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.


Když jsem něco hledal, našel jsem toto: http://detectmobilebrowsers.com/ ale je to založené na hloupém výčtu prohlížečů, které se časem mění. Budeš muset skript čas od času updatovat. Použil bych asi řešení pro Apache, uděláš si nějakou jinou adresu, na kterou návštěvníky přesměruješ, oblibou bývá např. m.tvojedomena.cz
Mobilní verze by se IMHO měla roztahovat podle šířky displeje, tlačítka by měla být velká, aby se na ně dobře klikalo prstem. Určitě by měla obsahovat jen to nejnutnější, protože místa na displeji je málo.
Stránka se dá nastylovat tak, aby si prohlížeč sám rozhodl, kterou chce verzi.
http://www.w3.org/…2/media.html
S výhodou toho využívám např. při tisku, kdy se mi automaticky schovají menu a změní velikost písma. Stránku mám přitom jen v jedné verzi.
@media print{
.menu {
display:none;
}
}
Podobně se to dá udělat i s @media handheld, případně @media braille apod.
To je dobré, to jsem nevěděl. Jen si nejsem jistý, jestli si vystačí s CSSkem, není prasárna něco jen schovávat přes CSSko místo toho, aby se to opravdu vyplo v PHP?
Ne, dáš to do souboru .htaccess
Nebo použij tu verzi pro PHP, můžeš zkusit i řešení Kita jen přes CSS, to je jednodušší.
Pokud se přes CSS skryje obrázek, tak např. Opera ho ani nestahuje. Mohou se skrývat/odkrývat odkazy na mobilní/plnou verzi dle potřeby.
Obrázky na pozadí se také nemusí stahovat, to si CSS také vyřeší samo a na rozdíl od obrázku v HTML to podporuje nejen Opera, ale i ostatní prohlížeče.
Navíc se dá přes JS zjistit, která verze se zrovna používá a cokoliv upravit, ale tohle už asi bude prasárna.
Trocha HTML navíc nikoho nezabije. Nemusí se pro PHP dělat tolik výstupních šablon - jedna vystačí na vše.


S JS bych na mobilu moc nepocital. Slo mi spise o layout, treba kdybychom to takto udelali na Islandsoftu, skryly bychom menu i pravy sloupec, prijde mi to jako zbytecny traffic, kdyz si uvedomis kvalitu ceskeho mobilniho internetu. Imho by tam toho melo byt co nejmene a jiny zpusob nez kontrola dle prohlizece k tomu neznam.


Kituv zpusob ti umoznuje pomoci "podminky" v CSS ve tvaru @media handheld nastavit jiny styl zobrazeni pro mobilni zarizeni.
Menu je jen pár znaků navíc, to bych neřešil. Mobilní konektivitu nejvíc drtí grafika a ta se dá pomocí CSS odkopnout.
Ahoj, mám takový problém: Umím automaticky přesměrovat na mobilní
verzi, ale pokud chce uživatel na mobilu zobrazit plnou verzi, tak ho to také
přesměruje.
Pokoušel jsem se to udělat přes GET, ale nejde mi to vytvořit. Poradíte,
prosím ?
Možná pokud uživatel klepne na zobrazit plnou verzi tak vytvořit nějakou cookie nebo session která bude indikovat, že se má zobrazit plná verze. To pak dáš do podmínky.
if (mobil) && (!session)
redirect
Zkus si uložit informaci o tom, že na daném zařízení nechceš zobrazovat mobilní verzi třeba do sessions a to pak kontrolovat při redirectu na mobilní verzi.
Zobrazeno 14 zpráv z 14.