NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
S účinností od 26. 3. jsme aktualizovali Zásady zpracování osobních údajů – doplnili jsme informace o monitorování telefonických hovorů se zájemci o studium. Ostatní části zůstávají beze změn.
Avatar
kom72
Člen
Avatar
kom72:22.3.2015 19:49

Ahoj, jak řešíte FB tlačítka pro sdílení a like u např. článků či novinek na webu? Potřeboval bych nějak vyřešit generování url pro <href> a tak nějak nevím co mám přesně hledat a jak to udělat.

 
Odpovědět
22.3.2015 19:49
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na kom72
Neaktivní uživatel:22.3.2015 19:53

Ahoj, vše najdeš na stránce developers.fa­cebook.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.

Editováno 22.3.2015 19:54
Nahoru Odpovědět
22.3.2015 19:53
Neaktivní uživatelský účet
Avatar
kom72
Člen
Avatar
Odpovídá na Neaktivní uživatel
kom72:22.3.2015 21:08

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...

 
Nahoru Odpovědět
22.3.2015 21:08
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na kom72
Neaktivní uživatel:22.3.2015 21:32

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>
Nahoru Odpovědět
22.3.2015 21:32
Neaktivní uživatelský účet
Avatar
kom72
Člen
Avatar
Odpovídá na Neaktivní uživatel
kom72:23.3.2015 17:10

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?

 
Nahoru Odpovědět
23.3.2015 17:10
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na kom72
Neaktivní uživatel:23.3.2015 18:09

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. ;)

Nahoru Odpovědět
23.3.2015 18:09
Neaktivní uživatelský účet
Avatar
kom72
Člen
Avatar
Odpovídá na Neaktivní uživatel
kom72:25.3.2015 11:11

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...

 
Nahoru Odpovědět
25.3.2015 11:11
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na kom72
Neaktivní uživatel:25.3.2015 15:51

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.

Nahoru Odpovědět
25.3.2015 15:51
Neaktivní uživatelský účet
Avatar
kom72
Člen
Avatar
Odpovídá na Neaktivní uživatel
kom72:25.3.2015 16:07

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í.

 
Nahoru Odpovědět
25.3.2015 16:07
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na kom72
Neaktivní uživatel:25.3.2015 18:04

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.

Nahoru Odpovědět
25.3.2015 18:04
Neaktivní uživatelský účet
Avatar
kom72
Člen
Avatar
Odpovídá na Neaktivní uživatel
kom72:27.3.2015 13:36

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...

 
Nahoru Odpovědět
27.3.2015 13:36
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 11 zpráv z 11.