Zobacz temat
 Drukuj temat
Protokół OpenGraph
Apis
Udostępnianie treści w mediach społecznościowych to jeden ze sposobów zwiekszenia ruchu w naszej witrynie, blogu czy serwisie informacyjnym. Aby zadbać o to, by udostepnione treści prezentowały się jak najatrakcyjniej? Z pomocą przychodzi właśnie OpenGraph.

Jak wdrożyć Open Graph? Tagi opengraph (w skrócie og:) to prosty kawałek kodu, który można dodać ręcznie w sekcji "head" i wygląda mniej więcej tak:
Kod źródłowyPobierz kod źródłowy  

<meta property="og:title" content="tytuł_wyświetlanej_strony">
<meta property="og:description" content="opis_wyświetlanej_strony">
<meta property="og:url" content="https://www.twoja_strona.pl/">
<meta property="og:keywords" content="słowa_kluczowe">
<meta property="og:image" content="wybrany_obraz">
<meta property="og:site_name" content="nazwa_twojej_strony">
<meta property="og:type" content="website">


Jeśli korzystasz z PHPFusion w wersji 9.x.x. nie musisz w zasadzie nic robić aby powyższe tagi zostały dodane do kodu strony. Dodawane są automatycznie, bo skrypt został wyposażony w klasę "OpenGraph" i pliki rządzące tym procesem umieszczono w odpowiednich miejscach:

ogólny: includes/classes/PHPFusion/OpenGraph.php (on m.in. dodaje tagi "og:" w head oraz ustawienia domyślne)

dla newsów: infusions/news/classes/news/OpenGraphNews.php
dla artykułów: infusions/articles/classes/articles/OpenGraphArticles.php
dla bloga: infusions/blog/classes/OpenGraphBlogs.php

Aby udostępnione na Facebooku lub Twiterze treści newsów, artykułów czy bloga wyświetlane były w formie jak niżej na obrazku

www.apisvideo.pl/pic/fejs.jpg

należy koniecznie w Panelu Admina PHPFusion w "ustawienia głównych" wypełnić:

- nazwę strony
- opis witryny
- słowa kluczowe

bo bez wypełnienia tych pól ładowane będą ustawienia domyślne, wyglądające mniej więcej tak:

www.apisvideo.pl/pic/default.jpg

Należy także zmienić w folderze images/favicons zestaw domyślnych ikon (są to ikony PHPFusion) na ikony własne. Ten fakt przyda się potem do innych pożytecznych funkcji. Do wygenerowania zestawu ikon można użyć generatora online https://realfavicongenerator.net/ przygotowawszy sobie wcześniej odpowiedni obrazek w kwadratowym polu (np. 512x512 px). Po wygenerowaniu otrzymamy folder, którego zawartość należy w całości przenieśc do foldera images/favicons naszego serwisu

Gdy spełnimy te wymagania - udostępniane treści będą na Fejsie i Twiterze prezentować się jak należy. Ale.....

Twórcy PHPFusion 9 jak zwykle narobili błędów. O ile plik OpenGraphNews.php napisano poprawnie, to dla artykułów i blogów sklonowano plik dotyczący newsów, zmieniając jedynie słowa "news" na "articles" czy "blog". A przecież w artykułach i blogu nie występuję ciąg "?readmore="

Dlatego w plikach OpenGraphArticles.php i OpenGraphBlogs.php trzeba dokonać poprawki.
w pliku OpenGraphArticles.php w linii:
Kod źródłowyPobierz kod źródłowy  

            $info['url'] = $settings['siteurl'].'infusions/articles/articles.php?readmore='.$article_id;

zmienić na:
Kod źródłowyPobierz kod źródłowy  

            $info['url'] = $settings['siteurl'].'infusions/articles/articles.php?article_id='.$article_id;


a w pliku OpenGraphBlogs.php
w linii:
Kod źródłowyPobierz kod źródłowy  

            $info['url'] = $settings['siteurl'].'infusions/blog/blog.php?readmore='.$blog_id;

zmienić na:
Kod źródłowyPobierz kod źródłowy  

            $info['url'] = $settings['siteurl'].'infusions/blog/blog.php?blog_id='.$blog_id;


Po dokonaniu poprawek wszystko będzie działać jak należy. Niestety - reszta elementów strony (forum, galeria itp.) będą udostepniane z ustawieniami domyślnymi
Edytowane przez Apis dnia 11.11.2022 17:22
---
Jeśli wydaje ci się że wiesz wszystko - masz rację wydaje ci się...
 
Przejdź do forum: