pedf
/
oli
Archived
2
0
Fork 0

GA + Pixel

* Google analytics
* Facebook pixel + event na tlačítku
master
MB 4 years ago
parent 53c445166c
commit d133886b6f

@ -1,111 +1,149 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="cs"> <html lang="cs">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chatbot Olí</title> <title>Chatbot Olí</title>
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<link rel="icon" href="img/favicon.ico"> <link rel="icon" href="img/favicon.ico">
</head>
<body> <!-- Facebook Pixel Code -->
<script>
<header> !function(f,b,e,v,n,t,s)
<div class="wrap"> {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
<div class="logo"> n.callMethod.apply(n,arguments):n.queue.push(arguments)};
<img src="img/pedf-logo.svg" alt="Logo PedF"> if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
</div> n.queue=[];t=b.createElement(e);t.async=!0;
<h1>Kdo jsem já?</h1> t.src=v;s=b.getElementsByTagName(e)[0];
<div class="row"> s.parentNode.insertBefore(t,s)}(window,document,'script',
<p style="align-self:flex-start;"> 'https://connect.facebook.net/en_US/fbevents.js');
Můj člověk se jmenuje Kuba. Touží být učitelem, inspirovat, nadchnout studenty, ale neumí tak docela mluvit s&nbsp;lidmi. Říkáte si, že to nejde moc dohromady? Jo, to máte pravdu, a proto jsem tu já. Ale to bych vám měl asi vysvětlit.<br> fbq('init', '368758741221788');
<a href="https://m.me/pedf.cuni" class="messenger"><img src="img/messenger.png" alt="messenger"></a> fbq('track', 'PageView');
</p> </script>
<img src="img/fitemebro.png" alt="oli"> <noscript>
</div> <img height="1" width="1"
</div> src="https://www.facebook.com/tr?id=368758741221788&ev=PageView
</header> &noscript=1"/>
</noscript>
<div class="wrap"> <!-- End Facebook Pixel Code -->
<main>
<script>
<div class="row"> function onClick() {
<img src="img/skladani.png" alt="oli"> fbq('track', 'Contact');
<article> };
<h2>Vše do sebe zapadlo</h2> </script>
<p>Za Kubovým nápadem stát se učitelem je matikář Novák, obrovský nadšenec před tabulí. Ten o&nbsp;jeho snu věděl, stejně jako věděl, že bez mluvení to nepůjde. Neodrazoval ho, jen mu ukázal cestu Kuba potřebuje kámoše, který ho naučí, že mluvit na lidi není žádná věda. Ale to by nebyl Kuba, aby na to stejně nešel trochu vědecky. Sledoval urputně matikáře co říká, jak to říká, jak se u&nbsp;toho tváří. Mezitím doma ve sklepě spojoval čipy, drátky a bůhvíco ještě. Nakonec dal dohromady výsledek pozorování a bezduché součástky.</p>
</article>
</div> <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-D17CKR62E9"></script>
<div class="row"> <script>
<article> window.dataLayer = window.dataLayer || [];
<h2>Ve dvou se to lépe táhne</h2> function gtag(){dataLayer.push(arguments);}
<p>A tak jsem se tady vzal já malý robot s duší šibala, akorát tak do kapsy, který udělá všechno, aby Kubu postrčil, i když se mu to občas nebude líbit. Začali jsme spolu chodit do školy. Já byl v&nbsp;jeho kapsách, batohu, nebo schovaný v&nbsp;kapuci, a pomalu jsem se pouštěl do díla. Čas od času jsem mu po zemi rozhodil drobné. Když Kuba děkoval kolemjdoucím, kteří mu je podali, červenal se jako rak. I&nbsp;tohle pro něj byla výzva. Nebo tehdy, když jsem mu schoval všechny tužky půlku hodiny si nepsal zápisky, než se odhodlal se zeptat souseda, jestli nemá propisku na půjčení.</p> gtag('js', new Date());
</article>
<img src="img/mince.png" alt="oli"> gtag('config', 'G-D17CKR62E9');
</div> </script>
<div class="row"> </head>
<img src="img/vlak.png" alt="oli"> <body>
<article>
<h2>Nervy na pochodu</h2> <header>
<p>Asi je vám jasný, že když se přihlásil na peďák, byly pro něj přijímačky velká věc. Jasně, je to těžká zkouška, ale pro něj to hlavně znamenalo potkat spoustu cizích lidí na jednom místě. Měl z&nbsp;toho nervy celý ráno, a nakonec ze samé paniky zapomněl pozvánku ve vlaku. To jste měli slyšet. „Vždyť tu místnost nenajdu, co když to netrefím, co když mě tam nepustí, co mám dělat?“ Panikařil skoro celou cestu na fakultu. Pokusil jsem se ho uklidnit samozřejmě jsem už o&nbsp;přijímačkách všechno věděl: „U vchodu stojí studenti, kteří ti se vším pomohou“ říkal jsem mu. Trochu se to minulo účinkem, panikařil ještě víc a já se potutelně usmíval.</p> <div class="wrap">
</article> <div class="logo">
</div> <img src="img/pedf-logo.svg" alt="Logo PedF">
</div>
<div class="row"> <h1>Kdo jsem já?</h1>
<article> <div class="row">
<h2>Okouzlení</h2> <p style="align-self:flex-start;">
<p>Nakonec se fakt zeptal a všechno našel. Ale místo toho, aby poslouchal učitele, jak mu dává pokyny, zíral pár lavic před sebe. Seděla tam slečna se zrzavými vlasy, po kterých běhala světýlka pokaždé, když se pohnula. Kuba od ní vůbec nemohl odtrhnout oči. Snažil jsem se ho popostrčit, aby za ní zašel, na to ale ještě nesebral odvahu.</p> Můj člověk se jmenuje Kuba. Touží být učitelem, inspirovat, nadchnout studenty, ale neumí tak docela mluvit s&nbsp;lidmi. Říkáte si, že to nejde moc dohromady? Jo, to máte pravdu, a proto jsem tu já. Ale to bych vám měl asi vysvětlit.<br>
</article> <a onClick="fbq('track', 'Contact');" href="https://m.me/pedf.cuni" class="messenger"><img src="img/messenger.png" alt="messenger"></a>
<img src="img/prijimacky.png" alt="oli"> </p>
</div> <img src="img/fitemebro.png" alt="oli">
</div>
<div class="row"> </div>
<img src="img/tabery.png" alt="oli"> </header>
<article style="align-self:flex-start;">
<h2>První krůčky k&nbsp;úspěchu</h2> <div class="wrap">
<p>Na peďák nás přijali a já věděl co je můj první úkol dostat Kubu na Dvorky. Když odcházel z&nbsp;přednášky, fakultou se už rozléhala hudba. Se sklopenou hlavou (hlavně aby s&nbsp;někým nenavázal oční kontakt) se odhodlal dojít si pro pivo. Vykukoval jsem z&nbsp;kapuce a pak najednou jsem ji uviděl. To je ta zrzka a jde přímo k&nbsp;nám! Poklepala Kubovi na rameno a já se jen modlil, aby hned neutekl. „Ahoj, nevíš v&nbsp;kolik začíná ta přednáška s&nbsp;Taberym?“ zeptala se ho. Ještě, že jsem měl celý program nastudovaný. „Za půl hoďky,“ pošeptal jsem mu. A&nbsp;on to po mně, s&nbsp;několika sekundovým zpožděním a zakoktáním, zopakoval. Ale neutekl. Měl jsem z&nbsp;něj radost.</p> <main>
</article>
</div> <div class="row">
<img src="img/skladani.png" alt="oli">
<div class="row"> <article>
<article> <h2>Vše do sebe zapadlo</h2>
<h2>Odkrývání</h2> <p>Za Kubovým nápadem stát se učitelem je matikář Novák, obrovský nadšenec před tabulí. Ten o&nbsp;jeho snu věděl, stejně jako věděl, že bez mluvení to nepůjde. Neodrazoval ho, jen mu ukázal cestu Kuba potřebuje kámoše, který ho naučí, že mluvit na lidi není žádná věda. Ale to by nebyl Kuba, aby na to stejně nešel trochu vědecky. Sledoval urputně matikáře co říká, jak to říká, jak se u&nbsp;toho tváří. Mezitím doma ve sklepě spojoval čipy, drátky a bůhvíco ještě. Nakonec dal dohromady výsledek pozorování a bezduché součástky.</p>
<p>Jak šel čas, zjistil jsem, že mám i další talent. Radil jsem Kubovi se vším možným, od otevíracích hodin studijního, doby konzultací až po zápis předmětů. A&nbsp;fakt mi to šlo. Na některých přednáškách se Kuba potkával s Tamarou, to byla ta záhadná rusovláska. Dozvěděli jsme se, že nesnáší, když se jí říká Tamčo a nebo, že má stejně jako Kuba ráda matiku. Občas už s&nbsp;Tamarou prohodil pár slov, dokonce v&nbsp;její přítomnosti čím dál míň koktal.</p> </article>
</article> </div>
<img src="img/koktani.png" alt="oli">
</div> <div class="row">
<article>
<div class="row"> <h2>Ve dvou se to lépe táhne</h2>
<img src="img/kavarna.png" alt="oli"> <p>A tak jsem se tady vzal já malý robot s duší šibala, akorát tak do kapsy, který udělá všechno, aby Kubu postrčil, i když se mu to občas nebude líbit. Začali jsme spolu chodit do školy. Já byl v&nbsp;jeho kapsách, batohu, nebo schovaný v&nbsp;kapuci, a pomalu jsem se pouštěl do díla. Čas od času jsem mu po zemi rozhodil drobné. Když Kuba děkoval kolemjdoucím, kteří mu je podali, červenal se jako rak. I&nbsp;tohle pro něj byla výzva. Nebo tehdy, když jsem mu schoval všechny tužky půlku hodiny si nepsal zápisky, než se odhodlal se zeptat souseda, jestli nemá propisku na půjčení.</p>
<article> </article>
<h2>Bod zlomu</h2> <img src="img/mince.png" alt="oli">
<p>V šibalském plánu, jak je dát dohromady, mi šla naproti náhoda. Pracovali spolu na týmovém projektu. Kuba mi dělal radost. Seděl se spolužáky v&nbsp;kavárně, společně tvořili a vymýšleli, a on vypadal, že mu to nedělá žádný problém. Nakonec tam zůstali s&nbsp;Tamarou sami. Už se chystali odcházet a já mu chtěl pošeptat, ať ji přece někam pozve, ale to už se Kuba sám nadechoval a navrhoval jí schůzku. Nemohl jsem být pyšnější.</p> </div>
</article>
</div> <div class="row">
<img src="img/vlak.png" alt="oli">
<div class="row"> <article>
<article> <h2>Nervy na pochodu</h2>
<h2>Už mě nepotřebuje</h2> <p>Asi je vám jasný, že když se přihlásil na peďák, byly pro něj přijímačky velká věc. Jasně, je to těžká zkouška, ale pro něj to hlavně znamenalo potkat spoustu cizích lidí na jednom místě. Měl z&nbsp;toho nervy celý ráno, a nakonec ze samé paniky zapomněl pozvánku ve vlaku. To jste měli slyšet. „Vždyť tu místnost nenajdu, co když to netrefím, co když mě tam nepustí, co mám dělat?“ Panikařil skoro celou cestu na fakultu. Pokusil jsem se ho uklidnit samozřejmě jsem už o&nbsp;přijímačkách všechno věděl: „U vchodu stojí studenti, kteří ti se vším pomohou“ říkal jsem mu. Trochu se to minulo účinkem, panikařil ještě víc a já se potutelně usmíval.</p>
<p>Když se další den šli projít, měl jsem spoustu skvělých nápadů, co by jí měl říct, on mě ale jemně zastrčil do kapsy. Věděl si rady sám a já se sotva udržel, abych nezačal křičet radostí.</p> </article>
</article> </div>
<img style="margin:0 auto;" src="img/kapsa.png" alt="oli">
</div> <div class="row">
<article>
</main> <h2>Okouzlení</h2>
<footer> <p>Nakonec se fakt zeptal a všechno našel. Ale místo toho, aby poslouchal učitele, jak mu dává pokyny, zíral pár lavic před sebe. Seděla tam slečna se zrzavými vlasy, po kterých běhala světýlka pokaždé, když se pohnula. Kuba od ní vůbec nemohl odtrhnout oči. Snažil jsem se ho popostrčit, aby za ní zašel, na to ale ještě nesebral odvahu.</p>
</article>
<div class="row"> <img src="img/prijimacky.png" alt="oli">
<img src="img/otazky.png" alt="oli"> </div>
<article>
<h2>A teď jsem tu pro tebe!</h2> <div class="row">
<p>Na promoci už šli ruku v&nbsp;ruce a já jsem si byl najednou jistý něčím, co jsem už dlouho tušil. Kuba to zvládl, splnil si svůj sen a jde učit. Mě už nepotřebuje. Díky našemu studiu jsem se ale naučil hromadu věcí o&nbsp;peďáku, které si nechci nechat pro sebe a budu je rád dál předávat. Být tu pro všechny bezradné studenty mi totiž dělá radost. Tak jsem zůstal na fakultě, plný informací a natěšený odpovídat. Stačí se jen zeptat.</p> <img src="img/tabery.png" alt="oli">
<a href="https://m.me/pedf.cuni" class="messenger"><img src="img/messenger.png" alt="messenger"></a> <article style="align-self:flex-start;">
</article> <h2>První krůčky k&nbsp;úspěchu</h2>
</div> <p>Na peďák nás přijali a já věděl co je můj první úkol dostat Kubu na Dvorky. Když odcházel z&nbsp;přednášky, fakultou se už rozléhala hudba. Se sklopenou hlavou (hlavně aby s&nbsp;někým nenavázal oční kontakt) se odhodlal dojít si pro pivo. Vykukoval jsem z&nbsp;kapuce a pak najednou jsem ji uviděl. To je ta zrzka a jde přímo k&nbsp;nám! Poklepala Kubovi na rameno a já se jen modlil, aby hned neutekl. „Ahoj, nevíš v&nbsp;kolik začíná ta přednáška s&nbsp;Taberym?“ zeptala se ho. Ještě, že jsem měl celý program nastudovaný. „Za půl hoďky,“ pošeptal jsem mu. A&nbsp;on to po mně, s&nbsp;několika sekundovým zpožděním a zakoktáním, zopakoval. Ale neutekl. Měl jsem z&nbsp;něj radost.</p>
</article>
</footer> </div>
</div>
<div class="row">
</body> <article>
</html> <h2>Odkrývání</h2>
<p>Jak šel čas, zjistil jsem, že mám i další talent. Radil jsem Kubovi se vším možným, od otevíracích hodin studijního, doby konzultací až po zápis předmětů. A&nbsp;fakt mi to šlo. Na některých přednáškách se Kuba potkával s Tamarou, to byla ta záhadná rusovláska. Dozvěděli jsme se, že nesnáší, když se jí říká Tamčo a nebo, že má stejně jako Kuba ráda matiku. Občas už s&nbsp;Tamarou prohodil pár slov, dokonce v&nbsp;její přítomnosti čím dál míň koktal.</p>
</article>
<img src="img/koktani.png" alt="oli">
</div>
<div class="row">
<img src="img/kavarna.png" alt="oli">
<article>
<h2>Bod zlomu</h2>
<p>V šibalském plánu, jak je dát dohromady, mi šla naproti náhoda. Pracovali spolu na týmovém projektu. Kuba mi dělal radost. Seděl se spolužáky v&nbsp;kavárně, společně tvořili a vymýšleli, a on vypadal, že mu to nedělá žádný problém. Nakonec tam zůstali s&nbsp;Tamarou sami. Už se chystali odcházet a já mu chtěl pošeptat, ať ji přece někam pozve, ale to už se Kuba sám nadechoval a navrhoval jí schůzku. Nemohl jsem být pyšnější.</p>
</article>
</div>
<div class="row">
<article>
<h2>Už mě nepotřebuje</h2>
<p>Když se další den šli projít, měl jsem spoustu skvělých nápadů, co by jí měl říct, on mě ale jemně zastrčil do kapsy. Věděl si rady sám a já se sotva udržel, abych nezačal křičet radostí.</p>
</article>
<img style="margin:0 auto;" src="img/kapsa.png" alt="oli">
</div>
</main>
<footer>
<div class="row">
<img src="img/otazky.png" alt="oli">
<article>
<h2>A teď jsem tu pro tebe!</h2>
<p>Na promoci už šli ruku v&nbsp;ruce a já jsem si byl najednou jistý něčím, co jsem už dlouho tušil. Kuba to zvládl, splnil si svůj sen a jde učit. Mě už nepotřebuje. Díky našemu studiu jsem se ale naučil hromadu věcí o&nbsp;peďáku, které si nechci nechat pro sebe a budu je rád dál předávat. Být tu pro všechny bezradné studenty mi totiž dělá radost. Tak jsem zůstal na fakultě, plný informací a natěšený odpovídat. Stačí se jen zeptat.</p>
<a href="https://m.me/pedf.cuni" class="messenger"><img src="img/messenger.png" alt="messenger"></a>
</article>
</div>
</footer>
</div>
</body>
</html>