IT magazín | RýchlyPočítač.sk https://rychlypocitac.sk Váš kompas vo svete informačných technológií Sun, 27 Sep 2026 13:28:35 +0000 sk-SK hourly 1 https://wordpress.org/?v=7.1.2 https://rychlypocitac.sk/wp-content/uploads/2025/01/cropped-cropped-RPC_logo-blue-32x32.png IT magazín | RýchlyPočítač.sk https://rychlypocitac.sk 32 32 Prečo je váš WordPress pomalý aj na drahom hostingu? https://rychlypocitac.sk/preco-je-vas-wordpress-pomaly-aj-na-drahom-hostingu/ Mon, 20 Jul 2026 15:22:54 +0000 https://rychlypocitac.sk/?p=1735 Čítať viac]]> Pomalý web nie je len estetická chyba. Pre každú firmu je to v prvom rade strata dôvery, menej objednávok a prichádzanie o reálne peniaze. Návštevník na webe skrátka nečaká – ak načítavanie trvá príliš dlho, odíde ku konkurencii. Stačí pár sekúnd navyše a zákazník začne mať pocit, že s webom alebo celou firmou niečo nie je v poriadku. Hranica, kedy začína klesať trpezlivosť, sa pritom hýbe niekde okolo troch sekúnd.

Najväčší hostingový mýtus

Medzi majiteľmi firiem a e-shopov sa často objavuje rovnaký omyl: „Máme predsa drahý hosting, takže problém nemôže byť u nás.“

Pravda je však taká, že hosting je len jedna z mnohých vrstiev celého riešenia. Samotný WordPress, zle navrhnutá databáza, chýbajúca cache, zbytočné pluginy a ťažké externé skripty dokážu spoľahlivo zabiť výkon aj na tom najdrahšom serveri.

Čo najčastejšie brzdí váš WordPress?

Ak je web pomalý, rýchlosť sa spravidla kazí po vrstvách. Medzi najčastejšie brzdy patria:

  • Príliš veľa pluginov a „bloat“ z page builderov: Inštalovanie pluginu na každú drobnosť generuje obrovské množstvo zbytočného kódu.
  • Zlá alebo žiadna serverová cache: Keď server musí pri každom jednom kliknutí počítať celú stránku znova a znova, namiesto toho, aby ju podal hotovú.
  • Preplnená databáza: Problémom býva veľký autoload a pomalé databázové dopyty (query).
  • Externé skripty: Príliš veľa Google fontov, chatovacích okienok, trackerov, pixelov a reklám.
  • Neoptimalizovaný WooCommerce: Keď nákupný košík, checkout a administrácia e-shopu bežia bez samostatného upraveného režimu a preťažujú systém.

Diagnostika: Najprv meranie, potom oprava

Optimalizácia webu bez presných dát je len čisté hádanie. Ak má byť zrýchlenie reálne, musíme sa pozrieť na tri kľúčové veci:

  1. TTFB (Time to First Byte): Ako rýchlo dokáže server vôbec začať odpovedať.
  2. Serverové logy: Analýza toho, čo presne sa na webe deje, keď klient spí, alebo keď prichádza reálna návštevnosť.
  3. Nastavenie cache: Kontrola, či web zbytočne nepreťažuje procesor neustálym generovaním rovnakého obsahu.

Výkon nerieši jeden zázračný plugin, ale architektúra

Zabudnite na to, že si nainštalujete jeden optimalizačný plugin a web poletí ako raketa. Skutočná rýchlosť a stabilita pri reálnej návštevnosti prichádza vtedy, keď spolu správne spolupracujú všetky technologické vrstvy: Nginx server, PHP-FPM, FastCGI cache, Redis object cache a reverse proxy Cloudflare.

Ako technik nehádam dojmy, ale hľadám skutočné príčiny – či už ide o útoky v logoch, zbytočný traffic, alebo pluginy, ktoré potajomky žerú výkon servera. Po každej oprave navyše nasadzujem monitoring, aby prípadný problém nezostal potichu.

Čo získate profesionálnou optimalizáciou?

Výsledkom technického auditu a úprav nie je len lepší pocit, ale merateľný výsledok:

  • Kompletný technický audit vášho WordPressu a súčasného hostingu.
  • Jasný zoznam reálnych problémov zoradených podľa priority.
  • Profesionálne opravy výkonu, prečistenie databázy a vyladenie cache.
  • Nasadenie monitoringu dostupnosti a incidentov.
  • Úprimné odporúčanie, či vám stačí aktuálny hosting, alebo je čas prejsť na vlastné VPS (virtuálny server).

Máte pomalý WordPress alebo WooCommerce a chcete vedieť pravdu o jeho výkone? Pozriem sa na vaše logy, cache a hosting a na rovinu vám poviem, čo web brzdí a čo má zmysel opraviť.

]]>
Nefunkčný Google Analytics = stratené dáta. Takto sme to opravili. https://rychlypocitac.sk/nefunkcny-google-analytics-stratene-data-takto-sme-to-opravili/ Wed, 25 Mar 2026 11:14:36 +0000 https://mayokohn.sk/?p=1226 Čítať viac]]> Ako sme opravili tracking a zachránili dáta z kampaní

Klient ma kontaktoval s jednoduchým problémom:

„Od 6. marca Google Analytics ukazuje 0 návštevníkov. Pritom bežia kampane.“

Na prvý pohľad to vyzerá ako marketingový problém.
V realite to bol technický fail v trackingu.

🚨 Symptóm

  • Google Analytics (GA4) ukazoval 0 návštevníkov každý deň
  • reklamy bežali (Google Ads, pravdepodobne aj social)
  • web bol funkčný
  • žiadne chyby na frontende

👉 klasický prípad: dáta sa nezbierajú, nie že neexistujú

🔍 Diagnostika

Rýchly audit odhalil:

  • tracking bol riešený cez plugin (MonsterInsights)
  • web používal cookie consent systém (Complianz)
  • GA script bol blokovaný alebo spúšťaný nesprávne

👉 výsledok:
Google Analytics sa buď nespúšťal vôbec, alebo mimo súhlasu

⚠ Typický problém

Veľa WordPress webov má:

  • plugin na Analytics
  • plugin na cookies
    • cache plugin

A tieto spolu:

👉 nekomunikujú správne

Výsledok:

  • tracking sa nespustí
  • alebo sa spustí nelegálne (bez consentu)

🛠 Riešenie

Plugin-based prístup sme úplne odstránili.

Namiesto toho sme nasadili:

✅ Vlastný tracking script (gtag.js)

  • plná kontrola nad tým, kedy sa spustí

✅ Napojenie na cookie consent (Complianz)

  • tracking sa spustí až po súhlase (statistics)

✅ Fallback pre returning userov

  • ak už súhlas existuje → tracking sa spustí okamžite

💡 Implementácia (zjednodušene)

<script>
    function loadGA() {
        if (window.gaLoaded) return;
        window.gaLoaded = true;

        var script = document.createElement('script');
        script.async = true;
        script.src = "https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXX";
        document.head.appendChild(script);

        window.dataLayer = window.dataLayer || [];
        function gtag(){ dataLayer.push(arguments); }
        window.gtag = gtag;

        gtag('js', new Date());
        gtag('config', 'G-XXXXXXXXX', {
            anonymize_ip: true
        });
    }

    document.addEventListener('cmplz_event_statistics', loadGA);

    if (typeof cmplz_has_consent === 'function' && cmplz_has_consent('statistics')) {
        loadGA();
    }
</script>

🧪 Overenie

Test prebehol v:

  • Chrome / Edge
  • Firefox
  • Inkognito režim
Zobrazenie cookies v prehliadači
Zobrazenie cookies v prehliadači

Výsledok:

StavVýsledok
Pred consentom❌ žiadne GA cookies
Po consente✅ _ga cookies vznikajú
Network requesty✅ až po súhlase

👉 GDPR compliant + funkčný tracking

📈 Výsledok pre klienta

  • Google Analytics opäť zaznamenáva návštevnosť
  • marketingové kampane majú dáta
  • odstránený konflikt pluginov
  • čistá a kontrolovaná implementácia

🧠 Čo si z toho odniesť

Ak vám GA ukazuje 0:

👉 problém nie je traffic
👉 problém je tracking

Najčastejšie príčiny:

  • cookie consent blokuje script
  • pluginy sa bijú
  • tracking je zle implementovaný

🔧 Potrebujete to skontrolovať?

Ak:

  • vám chýbajú dáta v Analytics
  • máte podozrenie na nefunkčný tracking
  • alebo chcete mať istotu, že je všetko GDPR OK

Ozvite sa!

Tracking nie je „vložiť kód“.
Tracking je riadenie dát.

Ďalšie prípadové štúdie

]]>
Hacknutý WordPress web (Drobčekovo) – ako som vyčistil napadnutý web bez straty dát https://rychlypocitac.sk/oprava-hacknuteho-wordpress-webu-drobcekovo/ Wed, 18 Mar 2026 16:37:30 +0000 https://mayokohn.sk/?p=1176 Čítať viac]]> Počas bežného dňa ma kontaktoval klient s problémom. Web bol hacknutý. Návštevníci končili na spam stránkach a klient riskoval penalizáciu od Google. Bolo treba konať okamžite.

👉 web presmerovával návštevníkov na podozrivé stránky
👉 Google začal zobrazovať varovania
👉 admin bol pomalý a nestabilný

Web bol zjavne kompromitovaný.

Tento prípad som riešil pre klienta z oblasti služieb – Drobčekovo – detské jasle.

❌ Problém

Po prvotnej kontrole bolo jasné:

👉 web bol hacknutý
👉 v súboroch sa nachádzal škodlivý kód
👉 niektoré systémové súbory boli upravené

Typické príznaky:

  • presmerovania na spam / casino weby
  • neznámy obsah v hlavičke stránky
  • podozrivé PHP súbory v /wp-content/uploads/
  • výrazné spomalenie webu
Riešenie hacknutého WordPress webu detských jaslí
Riešenie hacknutého WordPress webu detských jaslí

⚠ Dopad

  • strata dôvery návštevníkov
  • hrozilo zablokovanie webu vo výsledkoch Google
  • riziko blacklistu od Google
  • možné úniky dát
  • poškodenie SEO

👉 v tomto stave web priamo škodí biznisu

🔍 Diagnostika (CLI)

Diagnostiku som robil priamo na serveri cez SSH – rýchlejšie a presnejšie ako cez WordPress admin.

Použil som napríklad:

find . -type f -name "*.php" -mtime -2

👉 nájdenie nedávno zmenených súborov

grep -R "base64_decode" .

👉 hľadanie obfuskovaného (škodlivého) kódu

wp plugin list

👉 kontrola pluginov

wp user list

👉 kontrola podozrivých používateľov

💣 Identifikácia problému

Problém bol kombinácia:

👉 zastaraný plugin
👉 slabé zabezpečenie
👉 injektovaný škodlivý kód v súboroch

Hackeri mali prístup k zápisu do systému.

🛠 Riešenie

Postup bol systematický:

1. Zálohovanie webu

👉 overenie dostupných záloh

2. Izolácia problému

👉 identifikácia infikovaných súborov
👉 kontrola functions.php, header.php, uploads

3. Čistenie

👉 odstránenie škodlivého kódu
👉 porovnanie s čistým WordPress core
👉 reinštalácia jadra:

wp core download --force

4. Pluginy a témy

👉 odstránenie nepoužívaných pluginov
👉 aktualizácia všetkého

5. Používatelia

👉 odstránenie neznámych admin účtov

wp user delete ID

6. Zabezpečenie

👉 reset všetkých hesiel
👉 kontrola práv (chmod)
👉 základné hardening opatrenia

Riešenie hacknutého WordPress webu detských jaslí
Riešenie hacknutého WordPress webu detských jaslí

✅ Výsledok

  • web bol offline → online do ~30 minút
  • opäť fungoval bez presmerovaní
  • odstránený škodlivý kód
  • výrazne lepší výkon
  • pripravený na reindexáciu Google

👉 bez straty dát

🧠 Poučenie

Hacky nevznikajú náhodne.

Najčastejšie dôvody:

  • zastarané pluginy
  • nulled témy
  • slabé heslá
  • chýbajúce aktualizácie

👉 WordPress nie je problém.
👉 problém je údržba.

🧩 Záver

Hacknutý web sa dá opraviť.

👉 ale treba vedieť kde hľadať
👉 a hlavne konať rýchlo

Každá hodina navyše = väčšie škody.

👉 Potrebujete pomoc?

Ak máte podozrenie, že váš web bol napadnutý:

  • presmerovania
  • podozrivý obsah
  • spomalenie

Napíšte mi. Pozriem sa na web a poviem vám, čo sa deje.

Web viem:

  • vyčistiť
  • zabezpečiť
  • stabilizovať

🔒 Poznámka

Tento prípad bol publikovaný so súhlasom klienta. Citlivé technické detaily boli zámerne vynechané.

Ďalšie prípadové štúdie

]]>
WordPress white screen po PHP upgrade – ako som opravil spadnutý web https://rychlypocitac.sk/wordpress-white-screen-po-php-upgrade/ Wed, 18 Mar 2026 13:26:05 +0000 https://mayokohn.sk/?p=1114 Čítať viac]]> Web bol po upgrade PHP úplne nedostupný (white screen). Problém som identifikoval a opravil priamo cez CLI do niekoľkých hodín.

Takéto problémy riešim pravidelne pri starších WordPress weboch po upgrade PHP.

Upgrade PHP je dobrý krok – vyšší výkon, lepšia bezpečnosť.
Ale ak web nie je pripravený, môže sa stať presný opak.

V tomto prípade web po upgrade prestal fungovať úplne.


❌ Problém

Po prechode na novšiu verziu PHP sa stránka prestala načítavať.
Namiesto obsahu sa zobrazovala len biela obrazovka (white screen of death).

Web zároveň bežal na staršej realitnej téme z ThemeForestu, ktorá už nebola dlhodobo aktualizovaná a mala slabšiu kompatibilitu s novšími verziami PHP.


⚠ Dopad

  • web bol nedostupný pre návštevníkov
  • potenciálne straty objednávok / dopytov
  • nulová dôvera

Riešenie bielej obrazovky WordPress webu po upgrade PHP
Riešenie bielej obrazovky WordPress webu po upgrade PHP

🔍 Diagnostika

Diagnostiku som robil priamo na serveri cez príkazový riadok (CLI), čo umožňuje rýchlejšie a presnejšie odhalenie problému.

Takýto prístup umožňuje riešiť problém bez prístupu do adminu, ktorý bol v tomto prípade nedostupný.

Použil som napríklad:

tail -f wp-content/debug.log

👉 sledovanie chýb v reálnom čase

wp plugin list

👉 prehľad aktívnych pluginov

wp plugin deactivate nazov-pluginu

👉 postupné vypínanie pluginov a izolovanie problému

👉 problém bol identifikovaný:

nekompatibilný plugin v kombinácii so staršou témou a novou verziou PHP


🛠 Riešenie

Samotné vypnutie pluginu by problém len dočasne skrylo.

Zvolil som trvalé riešenie:

  • úprava kódu pluginu (patch)
  • odstránenie nekompatibilných častí
  • testovanie funkčnosti
Riešenie bielej obrazovky WordPress webu po upgrade PHP
Riešenie bielej obrazovky WordPress webu po upgrade PHP

✅ Výsledok

  • ✔ web opäť fungoval bez chýb (HTTP 200)
  • ✔ kompatibilita s PHP 8.x obnovená
  • ✔ stabilizácia webu do niekoľkých hodín

🧠 Poučenie

PHP upgrade nie je len „klik“.

Ak web používa:

  • starú neudržiavanú tému
  • neaktualizované pluginy
  • starší kód

👉 riziko výpadku je vysoké

⚔ Záver

Takéto problémy sú bežné, najmä pri starších WordPress projektoch.

Rozdiel je len v tom:
👉 či máte niekoho, kto to vie rýchlo opraviť

👉 Potrebujete pomôcť?

Ak vám po update:

  • spadol web
  • nefunguje WooCommerce
  • vidíš chyby

👉 Spadol vám web po update? Napíšte mi – takéto problémy riešim denne.

Ďalšie prípadové štúdie

]]>
Prečo je WordPress jednotkou medzi nástrojmi na tvorbu webových stránok https://rychlypocitac.sk/preco-je-wordpress-jednotkou-medzi-nastrojmi-na-tvorbu-webovych-stranok/ Thu, 28 Mar 2024 14:19:39 +0000 https://it.kohn.sk/?p=723 Čítať viac]]> Ak sa práve rozhodujete, na akom riešení postavíte svoju webovú stránku a zvažujete WordPress, tento článok je to pravé čítanie pre vás.

Podľa Kinsta.com až 40% všetkých webových stránok sveta beží na WordPress. A 3 z 5 webových stránok, ktoré používajú niektorý redakčný systém, používajú práve WordPress.

Nie je to náhoda a v tomto článku si vysvetlíme prečo.

Spoľahlivá tvorba a správa webstránok

Hľadáte spoľahlivého dodávateľa webovej stránky či internetového obchodu? Sme tu pre vás.

Chcem viac informácií

1. Používateľská prívetivosť

WordPress vznikol v roku 2003 pôvodne ako blogovacia platforma. Zo začiatku bol menej používaný, ale postupne sa začala rozrastať komunita jeho používateľov a tiež vývojárov.

Dôvod, prečo používateľov pribúdalo, bol ten, že narozdiel od iných systémov, sa WordPress ľahko používa a pomerne rýchlo sa aj menej technický typ človeka naučí, ako čo funguje.

Okrem prednastaveného editora Gutenberg, WordPress umožňuje používať veľké množstvo alternatívnych nástrojov, ktoré sa formou rozšírení (pluginov), dajú kedykoľvek doinštalovať alebo odinštalovať.

2. Rozšíriteľnosť, prispôsobivosť a rozsiahly ekosystém

Ak vás nepresvedčil vyšší bod, tak verím, že vás presvedčí tento. Som si istý, že práve pružnosť a prispôsobivosť WordPress je hlavným dôvodom jeho popularity.

Časy, kedy WordPress bol iba blogovací systém, sú dávno preč. Dnes je plnohodnotným nástrojom na tvorbu webov rôzneho druhu, ba dokonca na programovanie webových aplikácii, čím konkuruje frameworkom, akými sú Laravel a Symfony.

Rozšírenia WordPress sa delia na dva typy: pluginy a témy (šablóny).

Pluginy sú prídavné moduly, ktoré dopĺňajú základný softvér WordPress o ďalšie funkcie, napríklad: e-shop (WooCommerce), formuláre na odoslanie mailov z webu (Contact Form 7), platobné brány, fakturačný softvér, zabezpečenie webstránky (Wordfence), atď. Podľa Quora.com existuje viac ako 54 000 pluginov do WordPress.

(V budúcich článkoch sa na tie najpoužívanejšie pluginy pozrieme podrobnejšie.)

Témy alebo šablóny sú tie rozšírenia, ktoré ovládajú vizuálnu časť webových stránok postavených na WordPress. Delia sa na dve kategórie: jednoúčelové, ktorých je viac ako 11000 a viacúčelové, ktorých je niekoľko desiatok.

Témy, podobne ako pluginy, umožňujú rozširovať nielen vizuálnu, ale aj funkčnú stránku webu. Pre tento účel sa odporúča používať odvodené témy, ktorým sa hovorí aj child themes. Tieto si základné nastavenia stiahnu z hlavnej témy, tzv. rodičovskej (parent theme) a zároveň umožňujú si nastaviť alebo dokódovať vlastné funkcie a vlastnosti.

(Takisto aj WordPress témam sa budeme podrobnejšie venovať v ďalších článkoch na tomto blogu.)

3. Komunita okolo WordPress a jej sila

WordPress komunita sa delí na

  1. lídrov
  2. kontribútorov
  3. developerov/vývojárov
  4. používateľov

Lídri komunity určujú trendy, organizujú konferencie (WordCampy), meetupy a dobrovoľnícke aktivity okolo WordPress, napríklad preklady. Sú ich na svete stovky.

Kontribútori (prispievatelia) sú väčšinou programátori, ktorí sa podieľajú na vývoji jadra (core) WordPress, čiže samotného systému. Sem radíme aj dobrovoľníkov, ktorí prispievajú prekladmi alebo korektúrami prekladov iných. Sú ich vyššie stovky až tisíce.

Developeri alebo vývojári sú tiež väčšinou programátori, ale narozdiel od kontribútorov, títo vyvíjajú pluginy a témy do WordPress a nie samotný systém. Týchto sú tisíce (možno až päťciferné číslo).

Používatelia sú pochopiteľne najväčšou skupinou vrámci komunity a sú ich milióny po celom svete. Je to veľmi pestrá skupina ľudí. Od spomínaných blogerov, cez majiteľov internetových obchodov, realitných kancelárii, rôzných iných typov biznisov, ale aj médiá. Na WordPress je postavený web Bieleho domu a tiež webové portály Denníka N, ale aj Startitup a mnohých ďalších.

Všetci títo stoja za veľkým úspechom riešenia WordPress a jeho neustálym rastom.

Prečítajte si tiež

]]>
Ako spraviť jednoduchý video pop-up vo WordPress https://rychlypocitac.sk/ako-spravit-jednoduchy-video-pop-up/ Tue, 26 Mar 2024 16:59:02 +0000 https://www.kohn.sk/?p=867 Čítať viac]]> Požiadavka klientky znela, aby som zariadil, že odkaz na video sa nebude otvárať na samostatnej stránke, ale video sa načíta do pop-up okna na jej stránke. Keď som videl, že kód existujúcich riešení je príliš naboptnaný, rozhodol som sa nakódiť si vlastné riešenie.

Odkazy na videá vo forme tlačidiel

HTML kód vyzeral takto:

<ul>
<li id="video-link1"><a href="https://www.youtube.com/watch?v=zGtJwg3BuqM">VIDEO RESCUE ROOM <span>></span></a></li>
<li id="video-link2"><a href="https://www.youtube.com/watch?v=pxJKuADDGo4">VIDEO ako vznikol startup <span>></span></a></li>
</ul>

Každý odkaz má svoje id, aby som s ním vedel narábať pomocou JavaScript-u. Tento kód sa vloží priamo do obsahu danej stránky.

DIV-y, ktoré budú zodpovedné za efekt pop-up okna, som do HTML kódu vložil pomocou PHP hooku do súboru functions.php, takto:

add_action( 'generate_after_footer', 'kohn_custom_popup');
function kohn_custom_popup() {
?>
<div id="my-custom-overlay"></div>
<div id="video-popup"></div>
<?php
}

„generate_after_footer“ je hook témy GeneratePress, cez ktorý dokážete vložiť vlastný kód za pätičku stránky.

Najprv som si vytvoril vlastné triedy v CSS, ktoré pri aktivácií, zabezpečia, aby sa videá správne zobrazovali na stránke.

/* Pop-up videa */
.my-custom-overlay,
.video-popup {
	position: fixed; /* Urci pevnu poziciu */
	top: 0; 
	left: 0;
	z-index: 25; /* Nastaví, aby sa vrstva zobrazovala nad ostatnymi vsrtvami kódu a objektmi, aby ich prekrývala */
	width: 100%;
	height: 100vh;
	background-color: rgba(51,51,51,0.7); /* Nastaví polopriehladné pozadie */
	overflow: hidden;
}
.video-popup {
	margin: 10% 20%; /* Nastaví odsadenie videa zvrchu a zospodu o 10% a zlava a sprava o 20% */
	width: 60%;
	height: 60vh;
	z-index: 30;
	background-color: #000; /* čierne pozadie */
	color: #fff;
}
/* Nastavenia iba pre mobilné zariadenia */
@media only screen and (max-width: 767px) {
.video-popup {
	margin: 40vh 5vw;
	width: 85vw;
	height: 25vh;
}
}
.video-popup iframe {
	width: 100%;
	height: 100%;
}
/* Zabezpeci, ze kazdy element, ktoremu sa trieda priradi, prestane sa zobrazovat */
.vymaz {
	display: none;
}

Tento CSS kód som vložil do súboru style.css odvodenej témy.

Teraz príde tá najzaujímavejšia časť a to je riešenie v JavaScript-e.

Ako som ukázal vyššie, HTML kód je riešený tak, že ide o štandardné odkazy a URL adresy sú vložené do atribútov href, aby sa dali editovať v štandardnom grafickom editore WordPress, bez nutnosti môjho ďalšieho zásahu do kódu ako programátora.

<ul>
<li id="video-link1"><a href="https://www.youtube.com/watch?v=zGtJwg3BuqM">VIDEO RESCUE ROOM <span>></span></a></li>
<li id="video-link2"><a href="https://www.youtube.com/watch?v=pxJKuADDGo4">VIDEO ako vznikol startup <span>></span></a></li>
</ul>

Keďže každý odkaz je zabalený v elemente s vlastným id, viem ho pomocou JavaScript-u „chytiť“ a pracovať s ním v reálnom čase.

Prvá funkcia vyzerá takto:

var url1 = document.querySelector('li#video-link1 a').getAttribute('href');

Jej úlohou je odchytiť adresu z odkazu a uložiť ju do premennej url1, aby sme s ňou vedeli ďalej pracovať.

Keďže nám netreba narábať s celou URL adresou, ale iba s jej unikátnym identifikátorom konkrétneho videa, ktorý budeme neskôr dynamicky vkladať do šablóny videa embednutého z YouTube, použil som túto funkciu, ktorá dokáže prepísať obsah premennej.

var url1 = url1.replace('https://www.youtube.com/watch?v=','');

Aby sa odkaz po kliknutí zároveň neotváral ako štandardný odkaz, musíme obsah atribútu href odkazu prepísať na symbol mriežky „#“ takto:.

document.querySelector('li#video-link1 a').setAttribute('href', '#');

Vďaka tomuto riešeniu sa pri vypnutom JavaScript-e odkaz správa ako štandardný odkaz, ktorý funguje, ale pri aktívnom JavaScript-e sa video správa tak, ako chceme, to znamená, že sa načíta do pop-up okna, ktoré si o chvíľu ukážeme.

To isté sme spravili aj s odkazom na druhé video:

var url2 = document.querySelector('li#video-link2 a').getAttribute('href');
var url2 = url2.replace('https://www.youtube.com/watch?v=','');
document.querySelector('li#video-link2 a').setAttribute('href', '#');

Ďalej sme si museli vytvoriť funkciu, ktorá naším pop-up DIV-om priradí potrebné CSS triedy, ktoré sme si ukázali vyššie.

// Prirad patricne CSS triedy
function priradTriedy() {
document.querySelector('#video-popup').className = "video-popup";
document.querySelector('#my-custom-overlay').className = "my-custom-overlay";
}

Túto funkciu budeme volať vždy po kliknutí návštevníka na odkazy vedúce na YouTube videá.

Nasledujúce dve funkcie budú riadiť správanie prehliadača po kliknutí návštevníka na odkazy s videami:

// Po kliknuti zobrazi prve video ako popup ;-)
document.querySelector('li#video-link1 a').onclick = function() {
priradTriedy();
document.querySelector('#video-popup').innerHTML = '<iframe width="560" height="315" src="https://www.youtube.com/embed/' + url1 + '" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen class="myVideoClass"></iframe>';
}

// Po kliknuti zobrazi druhe video ako popup ;-)
document.querySelector('li#video-link2 a').onclick = function() {
priradTriedy();
document.querySelector('#video-popup').innerHTML = '<iframe width="560" height="315" src="https://www.youtube.com/embed/' + url2 + '" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen class="myVideoClass"></iframe>';
}

Tieto funkcie spustia každá funkciu „priradTriedy“ a okrem toho načítajú šablónu pre vloženie videa z YouTube. Zároveň sú ukážkou, ako sa v JavaScript-e do reťazca textu vkladá obsah premennej.

Na záver si ukážeme, ako som zabezpečil, aby sa pop-up okná s videami zavreli na želanie návštevníka bez nutnosti znovu načítať stránku:

// Po kliknuti na overlay, vsetko zmaze ;-)
document.querySelector('#my-custom-overlay').onclick = function() {
document.querySelector('#video-popup').className = "vymaz";
document.querySelector('#my-custom-overlay').className = "vymaz";
document.querySelector('#video-popup').innerHTML = ''; } 

Táto funkcia sa spustí po kliknutí mimo videa na polopriehľadnú vrstvu s overlay efektom a DIV-om s videom priradí CSS triedu „vymaz“, čím sa prestanú zobrazovať – doslova zmiznú. A aby sa prestal prehrávať aj zvuk prípadného spusteného videa, som musel spraviť funkciu, ktorá vymaže obsah atribútu „src“ v elemente „iframe“.

Výsledok vyzerá takto:

Rescueroom.sk - web klientky, kde je pop-up video kód nasadený.

Ako to celé funguje, si môžete pozrieť priamo na webe www.rescueroom.sk.

Ak aj vy máte záujem o podobné riešenia, ktoré nespomaľujú web, ale zároveň pôsobia na návštevníkov efektne, ozvite sa mi!

Prečítajte si tiež

]]>
Čo je to cloud a prečo ho potrebuje aj vaša firma https://rychlypocitac.sk/co-je-to-cloud-a-preco-ho-potrebuje-aj-vasa-firma/ Mon, 25 Mar 2024 14:44:24 +0000 https://kohn.sk/?p=1050 Čítať viac]]>

Cloud, cloudové skužby – slová, ktoré počul asi každý, ale nie každý chápe, čo vlastne znamenajú. V našom videu a článku na webe sa dozviete viac.

Žijeme v dátovej dobe a dáta sú to najcennejšie, čo väčšina firiem má, najmä ak výstup ich práce sú dáta.

Potrebuje cloud každá firma?

Architekti? Výstup ich práce? Dáta.

Výkresy projektantov? To sú tiež dáta.

Zmluvy a analýzy vyhotovené právnikmi? Sú rovnako dáta.

Účtovníctvo? Tipnite si! Áno, opäť dáta.

Všetci pracujeme s dátami a tie treba niekam ukladať a mať ich dispozícii.

Trošku z histórie (ale naozaj len trošku) 😉

Kedysi sa dáta ukladali v papierovej forme a každá firma si viedla svoj fyzický archív.

Tie väčšie museli zamestnávať ľudí, ktorí sa starali o archív a keď to bolo potrebné, konkrétnu zložku vybrali z archívu.

Neskôr sa začali dáta ukladať na disky počítačov, resp. na prenosné médiá: diskety, CD nosiče, USB kľúče.

Doba počítačov pred dobou cloudu

Keď nastúpila doba internetu, firmy si začali ukladať dáta na servery, vďaka čomu k ním mal prístup ktokoľvek v rámci firmy, aj keď sa nachádzal v inej budove, meste či dokonca v inom štáte.

Každý, kto prevádzkuje nejaký server, vie, koľko je s tým práce a najmä nákladov.

Aby bol server, a najmä dáta uložené na ňom, dostupný, treba mať záložný zdroj elektrickej energie pre prípad výpadku.

Keďže aj internet zvykne vypadávať, treba mať aj záložné pripojenie na internet.

Server si vyžaduje chladenie a to doslova žerie veľa elektriny.

Server treba nastaviť a vyžaduje si aj nejakú tú údržbu.

Serverových špecialistov (adminov) je na trhu málo, preto sú drahí a takmer nikdy nemajú čas prísť sa pozrieť práve na ten váš server.

A platiť si serveristu na plný úväzok sa oplatí len veľkým firmám.

Čo s tým? Existuje nejaké riešenie, ktoré je menej nákladné a súčasne flexibilnejšie?

Samozrejme, že existuje! Tým riešením je cloud.

Doba cloudová

Keď si dáte anglické slovo cloud do slovníka, výjde vám, že to znamená oblak.

My však máme na mysli službu, ktorá vám umožní ukladať a spravovať vaše dáta na serveroch a diskoch firiem, ktoré sa na to špecializujú.

Cloudové služby poskytujú priestor pre vaše dáta bez nutnosti riešiť hardvér či softvér. O to sa stará poskytovateľ.

Vy máte k dispozícii váš virtuálny disk, ktorý je dostupný 24 hodín denne, 7 dní v týždni z každého zariadenia pripojeného do internetu.

Okrem ukladania a správy dát, si môžete u niektorých poskytovateľov objednať aj výpočtový výkon, teda procesory, ktoré spracujú vaše dáta a vy nemusíte riešiť hardvér.

Ak ste napríklad e-shop so sezónnym tovarom a potrebujete väčší výkon na spracovanie objednávok, priplatíte si za výpočtový výkon, de facto prenájom CPU (procesora).

Po sezóne sa môžete opäť vrátiť ku kapacite, ktorú potrebujete.

Je to niečo ako hotel pre dáta. Platíte len za to, čo potrebujete a vtedy, keď to potrebujete.

Žiadne servery, žiadne zháňanie server adminov, žiadne riešenie záložnej elektriny a internetu kvôli dostupnosti servera.

Platíte len za kapacitu diskov a výkon procesorov, ktoré práve potrebujete.

Pozdáva sa vám to? Mne veľmi.

Rýchla a ľahká obnova dát do pár klikov

Už sa nemusíte báť, že stratíte USB kľúč a cenné dáta na ňom.

Z cloudu sa vám dáta nestratia. Ak ich omylom sami vymažete, zo zálohy, resp. z virtuálneho „koša“ ich viete behom pár sekúnd obnoviť.

Ak chcete mať 100 % istotu, tie kritické dáta môžete mať zálohované aj u 2 a viac poskytovateľov, čím ešte viac znížite riziko straty vašich cenných dát.

Dobrou správou je aj to, že cloudové služby sú mnohonásobne lacnejšie než prevádzka vlastnej serverovej infraštruktúry.

Poskytovatelia cloudových služieb

Poskytovateľov cloudových služieb je na trhu ako maku.

Medzi najväčších patria internetoví giganti, ako sú Amazon, Dropbox, Google a Microsoft.

Samozrejme, každá z týchto firiem ponúka iný rozsah služieb a iné ceny.

V najbližších riadkoch sa bližšie pozrieme na ponuku jednotlivých firiem.

Google WorkSpace

Google WorkSpace (bývalý G Suite) je súbor služieb a aplikácií od firmy Google, ktorý vám umožní pracovať s vašimi dátami naozaj odkiaľkoľvek a prakticky na akomkoľvek zariadení, ktoré má prístup do internetu.

Okrem virtuálneho disku, máte prístup k aplikáciám, ako sú Google Docs (Google verzia Microsoft Office), kde môžete pracovať s textom, tabuľkami, vytvárať prezentácie.

Google Meet vám umožňuje komunikovať na diaľku s kolegami, realizovať videohovory, hlasové hovory, komunikovať cez chat, zdieľať obrazovku, nahrávať videohovory a mnohé iné funkcie.

Ak máte záujem o viac informácii a zistiť ceny za jednotlivé balíky služieb, kliknite sem!

Office od Microsoftu

Určite každý z nás pozná klasický balík MS Office aplikácií, ako sú Word, Excel a Powerpoint, ktoré sa inštalovali priamo do vášho počítača a súbory, ktoré sa v nich vytvárali, sa tiež ukladali na lokálny disk PC alebo na USB kľúč.

Už je tomu nejaký ten piatok, resp. rok, čo sa aj Microsoft prispôsobil trendom v oblasti cloudových služieb a aj jeho aplikácie fungujú už aj v cloude.

Okrem klasických aplikácií, Microsoft rozšíril svoju ponuku aj o populárnu komunikačnú platformu Microsoft Teams, ktorá patrí aj k mojim preferenciám.

Ako virtuálne úložisko a riešenie pre zálohovanie dát, Microsoft ponúka službu OneDrive a na nasadzovanie cloudových aplikácií zas službu Azure, o ktorých si napíšeme podrobnejšie v budúcich článkoch tohto blogu.

Pre viac informácií o službe Microsoft Office, kliknite sem!

Dropbox

Ak hľadáte záložné virtuálne úložisko pre vaše súbory, Dropbox je ideálnym riešením.

Je jednoduchý, prehľadný, rýchly a umožňuje integráciu s virtuálnymi službami ďalších firiem na trhu (napríklad Zoom).

Poznám nejedného podnikateľa, ktorému Dropbox zachránil kožu a cenné dáta firmy.

Ak sa chcete dočítať viac o tom, čo Dropbox umožňuje a ponúka, klikajte sem!

A čo ponúka slovenský trh?

Isteže okrem svetových gigantov, cloudové služby ponúkajú aj firmy pôsobiace na slovenskom  a českom trhu.

Tu je zopár príkladov firiem, ktoré ponúkajú cloudové služby na Slovensku:

Pre koho komerčné cloudové služby nie sú to pravé orechové?

Boli by sme naivní, keby sme tvrdili, že cloud je riešenie pre každého a za každých okolností.

Kritici cloudu často argumentujú, že prenášaním citlivých dát po internete, môže dôjsť k ich odcudzeniu. To sa dá, samozrejme, ošetriť šifrovaním. (Téma na samostatný článok.)

Viem si predstaviť, že napríklad štátne inštitúcie, ktoré svoje citlivé dáta zveria do rúk iba personálu so špeciálnymi bezpečnostnými previerkami, by určite nešli do komerčného cloudu.

To však nevylučuje, aby si štát budoval vlastný cloud alebo jeho obdobu, ktorá bude spĺňať aj tie najprísnejšie bezpečnostné kritéria na nakladanie s utajovanými skutočnosťami.

Ak však poskytovateľom cloudových služieb dôverujú banky a poskytovatelia zdravotnej starostlivosti, ktorí majú takisto veľmi vysoké požiadavky na bezpečné nakladanie s dátami, nie je dôvod, aby malá alebo stredne veľká firma nevyužila možnosti, ktoré cloud ponúka.

Záver

Ukázali sme si, že bezpečné uloženie a správa dát vašej firmy vás nemusí stáť polovicu majetku, ale aj za rádovo desiatky eur ročne si dokážete dáta bezpečne a pohodlne uchovávať.

Ak máte záujem o viac informácií, prípadne články, kde by sme sa jednotlivým službám venovali podrobnejšie, napíšte, prosím, vaše otázky do komentárov pod článok.

Prečítajte si tiež

]]>
Čo je doména a webhosting a ako fungujú https://rychlypocitac.sk/co-je-domena-a-webhosting/ Sun, 24 Mar 2024 18:35:27 +0000 https://kohn.sk/?p=1089 Čítať viac]]> Každý, kto si plánuje založiť vlastný web, sa určite stretol s týmito dvoma pojmami.

Ak by sme tvorbu webových stránok mali prirovnať k stavbe domu, tak doména je adresa domu a webhosting je pozemok, na ktorom ideme stavať dom, vrátane inžinierskych sietí, ktoré máme privedené na pozemok.

Aby sme vedeli, čo to všetko zahŕňa, rozoberieme si to na drobné.

Čo je doména?

Najprv si musíme vysvetliť, ako vlastne funguje internet.

Aby počítače, resp. všetky zariadenia pripojené do internetu, vedeli spolu komunikovať, potrebujú sa navzájom identifikovať.

Na to slúžia IP adresy. IP znamená Internet Protocol.

Je to technológia, ktorá umožňuje výmenu informácií medzi zariadeniami v sieti, najmä routre, ktorým hovoríme aj smerovače.

Okrem smerovača, ktorý je mozgom každej počítačovej siete (LAN – Local Area Network), môže svoju IP adresu mať aj hociktoré zariadenie pripojené do počítačovej siete, napríklad tlačiareň, webkamera a pod.

Vďaka tomu viete svoju tlačiareň v kancelárii ovládať z domu alebo odkiaľkoľvek.

Keď vznikol web ako súčasť internetu, naskytol sa praktický problém, že ľuďom sa IP adresy ťažko pamätali, keďže ide o dlhý reťazec čísiel a bodiek.

Preto vynálezcovia webu vytvorili systém DNS – Domain Name Server.

To je presne tá technológia, ktorá zabezpečí, že po zadaní www adresy do prehliadača (napríklad www.google.com) sa vám zobrazí príslušná stránka.

Je to niečo ako kataster alebo skôr evidencia webových lokalít/serverov, ktorá vie prehliadač používateľa nasmerovať na ten správny server, z ktorého si načítate konkrétnu stránku.

WWW adrese sa odborne hovorí doména.

Domény sa používajú aj pri e-mailových adresách. To je tá časť za zavináčom. Napríklad: mrkvicka@gmail.com Gmail.com je teda doména.

Čo je webhosting?

Webhosting alebo webový hosting je služba, ktorá umožňuje umiestniť a prevádzkovať webové stránky a aplikácie na internete.

Základ služby tvorí priestor na virtuálnom disku poskytovateľa, kde je možné nahrať a umiestniť súbory, z ktorých sa skladá vaša webová stránka, aby boli dostupné pre vašich návštevníkov a potenciálnych zákazníkov.

Väčšina webhostingových služieb zahŕňa aj priestor pre databázy (úložisko dát) a tiež e-mailové schránky zákazníkov.

Webhosting je obdoba cloudových služieb, o ktorých sme písali v predchádzajúcom článku.

Pre náročnejšie projekty a zákazníkov existujú služby virtuálnych serverov, ktorým hovoríme aj VPS – Virtual Private Servers. O nich si napíšeme podrobnejšie v budúcich článkoch na tomto webe.

Medzi najväčších poskytovateľov webhostingových služieb na Slovensku patria tieto firmy:

V zahraničí sú populárni najmä títo poskytovatelia:

Samozrejme, že sa nedá spomenúť všetkých, ale ak poskytujete kvalitné webhostingové služby a chcete byť spomenutí v tomto článku, dajte mi, prosím, vedieť.

Ak máte akékoľvek otázky, neváhajte sa pýtať v komentároch pod článkom.

Ak by ste si nevedeli rady s výberom vhodného poskytovateľa a s optimálnym nastavením webhostingu a domény, neváhajte a obráťte sa na mňa. Rád vám s tým pomôžem.

Prečítajte si aj toto

Prečítajte si tiež

]]>
Ako si vytvoriť silné a ľahko zapamätateľné heslo https://rychlypocitac.sk/ako-si-vytvorit-bezpecne-a-lahko-zapamatatelne-heslo/ Sat, 23 Mar 2024 17:59:56 +0000 https://kohn.sk/?p=1115 Čítať viac]]> Už roky na internete rezonuje téma bezpečnosti. Jedným z hlavných pilierov bezpečnosti na internete sú bezpečné heslá. V tomto článku si povieme, ako na to.

Čo nie je bezpečné alebo ako to nerobiť

Niekoľkokrát za rok vyjde správa, že hackeri napadli nejakú sieť a získali databázu hesiel používateľov, aj preto sa neodporúča mať to isté heslo na rôznych účtoch po internete.

Ak vám totiž niekto nabúra konto na Facebooku, ľahko uhádne vaše heslo aj do iných účtov. Takže bezpečnejšie je mať rôzne heslá a nepoužívať to isté heslo opakovane.

Príklady hesiel, ktoré nie sú bezpečné:

  • slovo „heslo“, „password“, „admin“
  • 123456
  • 654321
  • heslo123
  • vaše meno a/alebo priezvisko
  • meno vašej manželky, blízkej osoby
  • meno vášho psa

A množstvo iných podobných, ktoré sa síce ľahko pamätajú, ale aj ľahko uhádnu potenciálnym útočníkom.

Čo je teda bezpečné heslo?

Ideálne a bezpečné heslo je také heslo, ktoré nie je ľahké uhádnuť. Bezpečné heslo by malo v sebe obsahovať rôzne typy znakov – nielen písmená, ale aj čísla, pomlčky, podtržníky a pod.

Existujú rôzne automatické generátory hesiel, aj WordPress má v sebe túto funkcionalitu.

Tie vám vygenerujú napríklad takéto heslo:
4_@hjk335-!as/94_aqwjjdj)

Perfektné bezpečné heslo, ktoré len s veľmi nízkou mierou pravdepodobnosti uhádne automatický hádač hesiel, ktorý používajú hackeri pri útokoch na internete. Ale má to jeden háčik, kto si to má pamätať???

Bezpečné heslo, ktoré si zapamätáte

Omnoho lepšia metóda je vymyslieť si nejakú vetu v slovenčine, keďže hackerské nástroje na lámanie hesiel sú väčšinou orientované na hádanie hesiel v angličtine, slová oddeľte podtržníkmi, pomlčkami alebo ich kombináciou a použite aj nejaké to číslo. napríklad takto:

Nikdy_sa_nespoliehaj_iba_na_heslo-ani_v_roku_2022

(Samozrejme, že heslo môže alebo nemusí obsahovať aj diakritické znaky.)

Je to dlhé a bezpečné heslo a je aj zapamätateľné.

Aby sme ho trochu skrátili a ešte viac znížili šancu, že ho niekto uhádne, môžeme použiť aj túto fintu – vypustíme zo slov samohlásky a ponecháme iba spoluhlásky.

Napríklad takto:
Nkd_s_nsplhj_b_n_hsl-n_v_rk_2022

Je o tretinu kratšie, ale jeho zapamätateľnosť zostala zachovaná.

Samozrejme, že by sme to mohli urobiť aj opačne, kreativite sa medze nekladú. Podstatné je zachovať tento princíp – ťažko uhádnuteľné heslo pre útočníka a ľahko zapamätateľné heslo pre vás.

Pár slov na záver alebo ako ešte viac vylepšiť bezpečnosť na internete

Ďalšie zásady bezpečnosti na internete:

  1. Pokiaľ to nie je nutné, neukladajte si heslá do prehliadača – ak vám hacknú Google účet a vy používate Google Chrome, v ktorom ste prihlásení, poľahky sa aj priemerný útočník dostane k vašim ďalším účtom a heslám.
  2. Používajte dvojfaktorovú autentifikáciu – overovanie – je to veľmi účinná metóda, lebo aj keby niekto nedajbože vaše heslo uhádol, vy o tom dostanete info a máte šancu zasiahnuť a takéhoto nepovolaného „hosťa“ nevpustiť do vašich účtov. Užitočné najmä ako ochrana emailového účtu alebo prístupu do vašich kont na sociálnych sieťach.
  3. Osobné údaje a heslá zadávajte len do stránok chránených protokolom https a platným SSL certifikátom (zelený zámok pri www adrese).
  4. Ak ste v teréne a potrebujete riešiť niečo dôležité – bankový prevod, pracovný mail, pracovný videohovor, dajte radšej prednosť mobilným dátam pred verejnou sieťou Wi-Fi.
  5. Používajte VPN-ku (Virtual Private Network). Nie je náhodou, že firmy svoje počítače „vyzbrojujú“ virtuálnou privátnou sieťou, čím ešte viac komplikujú „prácu“ potenciálnym útočníkom.

Ak máte k téme otázky alebo návrhy na doplnenie článku, smelo ich napíšte do komentárov pod tento článok. Nech sa vám bezpečne surfuje vo vodách internetu! 😉

Prečítajte si tiež

]]>