Diskuze: Upravení vyhledávače na webu
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.


Zobrazeno 15 zpráv z 15.
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.


Je, můžeš si nastavit, jaký chceš mít to vyhledávání. A pokud ti to
nestačí, dá se to vždy vyřešit přes CSS. 
jen tak offtopic:
pěkně jsem se lekl toho videa, nebylo by lepší, kdyby si ho mohl spustit
uživatel, až bude chtít on? 
Jenže kde? Ten kód je nesmyslný a není tam žádné id=""...
5 centimetrů se ti bude nastavovat dost blbě, vzhledem k různé velikosti pixelů na různých zařízeních.
Pokud by ti to ale stačilo v pixelech, tak prostě zmenši ten div, do kterého jsi vložil ten kód od Googlu.
// Mimochodem, byl jsem rád, že používám prohlížeč, ve kterém ti ten video přehrávač kyksnul, nemám náladu na přerušování mých písniček nějakým hukotem koblížkovacího stroje.
Taky jsem se málem poprvé podělal, ještě když jsem měl zvuk na notebooku na 100%
tak to mi nedošlo, že
se toho někdo může leknout
Jinak už jsem to pochopil a díky.
Můj kód teď vypadá
<div class="vyhledavac">
<script>
(function() {
var cx = '006781487087671107162:umf6xl7j21c';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:searchbox-only></gcse:searchbox-only>
</div>
a v css
#vyhledavac{
width: 400px;
}
ale stejně to nefunguje. Když si dám zkontrolovat prvek, tak se tam zobrazí dálších cca 20 řádků(toho vyhledávače), které nemám u sebe v souboru. Mezi těmi řádky je napsané width: 100%;, takže mi to tímm vždycky přebije. Při vytváření toho vyhledávače jsem nenarazil na nastavení šířky, takže nevím proč to tam je. Např. http://www.mobilmania.cz/ mají taky vyhledávač od Googlu ale mají ho např. těch 5 cm
V CSS se # značí id, třída (class) se uvozuje tečkou.
aha takže správně to má být
.vyhledavac{
width: 400px;
}
?
Edit: Jo, už to funguje, díky...zase jsem o něco chytřejší 
Jenom takový dotaz nesouvisející s tématem - k čemu máš na čtyřstránkovém webu vyhledávač?
Zobrazeno 15 zpráv z 15.