Diskuze: FB tlačítka sdílení a like
V předchozím kvízu, Online test znalostí PHP, jsme si ověřili nabyté zkušenosti z kurzu.
Zobrazeno 11 zpráv z 11.
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í PHP, jsme si ověřili nabyté zkušenosti z kurzu.
Ahoj, vše najdeš na stránce developers.facebook.com. Pro lajkovací
tlačítko je to konkrétně zde https://developers.facebook.com/…/like-button.
Sdílení je zde https://developers.facebook.com/…share-button.
Zřejmě jsem špatně zadal dotaz.
Umím si tyto tlačítka vygenerovat. Ptám se jak přes PHP udělat to, aby se
mi automaticky generovala adresu do odkazu. Abych nemusel zvlast zadavat ke
kazde strance/clanku na webu nove tlacitka a odkaz na stranku...
Aha, omlouvám se. V tom případě použij globální proměnnou $_SERVER. Kód by vypadal nějak takto:
<div ... data-href="https://mojestranky.cz<?= $_SERVER["REQUEST_URI"] ?>" ...></div>
Super funguje to. Respektive, funguje sdílení příslušného článku,
ale...
Nezobrazí se aktuální název článku, případně fotka od článku. Nevíte
někdo, jak přesně nastavit zřejmě meta tagy, aby to takhle fungovalo?
Pokud zaroluješ o něco níže, máš tam tabulku s příslušnými meta tagy pro Facebook. https://developers.facebook.com/…st-practices
Existují i podobné pro Twitter. 
Takže vložil jsem do hlavičky meta tagy Open Graph Protocol.
Otázka zní - jak docílím toho, aby se ty meta tagy automaticky vyplnovaly,
napr. Nadpisem clanku, popisem atd.? Umim to tam dat natvrdo, bohuzel stejne pro
vsechny clanky na webu...
Ani to neumim najit na webu, anglictina neni moje silna stranka, respektive, vse
prekladam pres Google Translator...
Tak ono záleží, jak se ty tvé webové stránky skládají (jak fungují), ale obecně platí, že tak, jak vypisuješ obsah nějakého článku, tak i vypíšeš do meta tagů potřebné informace.
Přece nebudu ručně psát ke každému článku meta tagy. Musí to přece umět nějak automaticky načítat. Každý článek u mě na stránkách má svoje ID a je na samostatné stránce, kde je i tlačítko pro sdílení.
Ty snad ručně vpisuješ obsah stránky do šablony? Asi ne, co? Určitě
používáš nějakou databázi, ze které vytáhneš informace o článku do
pole. V tom poli máš obsah, nadpis, popisek a plno dalších věcí.
Já jsem ti psal, že tak, jak vypisuješ článek, tak i vypíšeš informace
do meta tagů.
Očekávám, že článek do stránky vypisuješ nějak takto
<div id="clanek">
<?= htmlspecialchars($clanek['obsah_clanku']) ?>
</div>
Tak úplně stejným způsobem vyplníš i ty meta tagy
<meta property="og:title" content="<?= htmlspecialchars($clanek['titulek']) ?>" />
<meta property="og:description" content="<?= htmlspecialchars($clanek['upoutavka']) ?>" />
Pokud ty informace pro metatagy nemáš v tabulce, můžeš je vytvářet přímo z článku. Titulek stránky bude asi stejný, jako ten, co chceš mít zobrazen na FB, proto nic nezměníš. Co se týče nějakého popisku, můžeš vzít ten obsah stránky z proměnné a oříznout jej na určitou délku.
Už jsem z toho na prášky
Vložil jsem do hlavičky toto:
<meta property=“og:title“ content=“<?php echo $row_novinka_detail['novinky_nadpis']; ?>“ />
<meta property=“og:image“ content=“<?php echo $row_novinka_detail['novinky_foto']; ?>“ />
<meta property=“og:description“ content=“<?php echo $row_novinka_detail['novinky_obsah_kratky']; ?>“ />
V náhledu zdrojového kódu, se do tagu og:title vypíše nadpis članku. FB
ovsem pri sdileni tvrdosijne bere informace z tagu <title></title>

Pro přecachování těchto údajů jsem použil stránku: https://developers.facebook.com/tools/debug/, ovšem i tak mi to debugu vypisuje jakési staré údaje.
A ještě se to chová u každého článku jinak.
A aby toho nebylo málo, ješte se mi při vložení php volani do
og:description u clanku, ktery maji obrazek, vypisuje obsah tagu do hlavicky
webu 
Vše k nahlédnutí na testovacím serveru wedosu: 94781.w81.wedos.ws
Děkuji všem předem za případné rady...
Zobrazeno 11 zpráv z 11.
