OG

Opis

The Open Graph protocol enables any web page to become a rich object in a social graph. Most notably, this allows for these pages to be used with Facebook’s Like Button and Graph API as well as within Google+ posts.

The Open Graph plugin inserts the Open Graph metadata into page head section and provides filters for other plugins and themes to override this data, or to provide additional Open Graph data.

No configuration, pure power.

Wtyczka pobiera dane z treści wpisu i jeżeli zawiera adres URL filmu YouTube, to próbuje użyć obrazka podglądu filmu dla tagu og:image.

If the post contains YouTube links, this plugin saves as post meta video thumbnail link and add it to og:image as post thumbnail.

Instalacja

Masz do wyboru trzy metody instalacji:

Bardzo łatwo

  1. Login to your WordPress Admin panel.
  2. Przejdź do Wtyczki > Dodaj nową.
  3. Type ‘OG’ into the Search Plugins field and hit Enter. Once found, you can view details such as the point release, rating, and description.
  4. Kliknij Zainstaluj. Po kliknięciu pojawi się pytanie, czy na pewno chcesz zainstalować tę wtyczkę.
  5. Kliknij Tak, a WordPress dokończy instalację.
  6. Aktywuj wtyczkę.
  7. To wszystko. Wtyczka nie ma żadnej konfiguracji.

Łatwa

  1. Pobierz wtyczkę (plik zip) z prawej kolumny na tej stronie.
  2. W panelu administratora idź do menu Wtyczki > Dodaj nową
  3. Wybierz przycisk Wyślij wtyczkę na serwer
  4. Wyślij właśnie pobranego zipa.
  5. Włącz wtyczkę
  6. To wszystko. Wtyczka nie ma żadnej konfiguracji.

Stary i niezawodny (FTP)

  1. Załaduj katalog OG do katalogu /wp-content/plugins/
  2. Aktywuj wtyczkę w WordPressie w menu ‚Wtyczki”
  3. To wszystko. Wtyczka nie ma żadnej konfiguracji.

FAQ

Installation Instructions

Masz do wyboru trzy metody instalacji:

Bardzo łatwo

  1. Login to your WordPress Admin panel.
  2. Przejdź do Wtyczki > Dodaj nową.
  3. Type ‘OG’ into the Search Plugins field and hit Enter. Once found, you can view details such as the point release, rating, and description.
  4. Kliknij Zainstaluj. Po kliknięciu pojawi się pytanie, czy na pewno chcesz zainstalować tę wtyczkę.
  5. Kliknij Tak, a WordPress dokończy instalację.
  6. Aktywuj wtyczkę.
  7. To wszystko. Wtyczka nie ma żadnej konfiguracji.

Łatwa

  1. Pobierz wtyczkę (plik zip) z prawej kolumny na tej stronie.
  2. W panelu administratora idź do menu Wtyczki > Dodaj nową
  3. Wybierz przycisk Wyślij wtyczkę na serwer
  4. Wyślij właśnie pobranego zipa.
  5. Włącz wtyczkę
  6. To wszystko. Wtyczka nie ma żadnej konfiguracji.

Stary i niezawodny (FTP)

  1. Załaduj katalog OG do katalogu /wp-content/plugins/
  2. Aktywuj wtyczkę w WordPressie w menu ‚Wtyczki”
  3. To wszystko. Wtyczka nie ma żadnej konfiguracji.
How do I configure the Open Graph plugin?

You don’t; there’s nothing to configure and there is no admin page. By default, it will use whatever standard WordPress data it can to populate the Open Graph data. There are very simple yet powerful filters you can use to modify or extend the metadata returned by the plugin, described below.

What plugin add for all type of content?
  • og:locale – kod językowy
  • og:site_name – tytuł witryny
  • og:title – tytuł aktualnie wyświetlanej treści
  • og:url – stały odnośnik do wyświetlanej treści
  • og:type – typ treści – „website” dla strony głównej, „article” dla wszystkich typów treści oprócz wpisów dla których jest to „blog”
  • og:description – opis witryny
  • og:site_name – nazwa witryny
What plugin add for single content?
  • og:image: From a specific custom field of the post/page, or if not set from the post/page featured/thumbnail image, or if it doesn’t exist from the first image in the post content, or if it doesn’t exist from the first image on the post media gallery, or if it doesn’t exist from the default image defined in the options menu. The same image chosen here will be used and enclosure/media:content on the RSS feed.
  • og:video – add links to YouTube movies.
  • article:author – autor wpisu
  • article:published_time – data publikacji wpisu
  • article:modified_time – data ostatniej modyfikacji wpisu
  • article:tag – tagi użyte we wpisie
  • twitter:card – „summary.
  • twitter:title – the same line og:title
  • twitter:description – the same like og:description
  • twitter:image – the same like og:image
  • twitter:player – the same like og:video
What plugin add for a single WooCommerce product?
  • og:price:amount – price amount
  • og:price:currency – price currency
  • og:availability – stock status
I installed OG and … nothing happens!

Please be patient, sometimes you need more a day to see results. The reason of this is cache on Facebook. But check your plugins too and if you use and caching plugins, try to do „flush cache” on your site.

Jak filtrować wartości?

Użyj automatycznych filtrów, jeżeli masz takie wartości:

<meta property="og:title" content="WordPress Trunk" />

Automatyczne filtry tworzone są w ten sposób:

og_ + (słowo przed „:”) + _ + (słowo po „:”) + _value

W tym przypadku:

og_og_title_value

add_filter('og_og_title_value', 'my_og_og_title_value');
function my_og_og_title_value($title)
{
    if ( is_home() ) {
        return __('This is extra home title!', 'translate-domain');
    }
    return $title;
}
Jak filtrować cały meta tag?

Użyj automatycznych filtrów, jeżeli masz takie wartości:

<meta property="og:title" content="WordPress Trunk" />

Automatyczne filtry tworzone są w ten sposób:

og_ + (słowo przed „:”) + _ + (słowo po „:”) + _meta

W tym przypadku:

og_og_title_meta

add_filter('og_og_title_meta', 'my_og_og_title_meta');
function my_og_og_title_meta($title)
{
    if ( is_home() ) {
        return '<meta property="og:title" content="WordPress Title" />';
    }
    return $title;
}
Jak ustawić domyślny obrazek?

Użyj filtra „og_image_init”:

add_filter('og_image_init', 'my_og_image_init');
function my_og_image_init($images)
{
    if ( is_front_page() || is_home() ) {
        $images[] = 'http://wordpress/wp-content/uploads/2014/11/DSCN0570.jpg';
    }
    return $images;
}
Jak ustawić obrazek dla strony głównej?

Użyj filtra „og_image_init”:

add_filter('og_og_image_value', 'my_og_og_image_value');
function my_og_og_image_value($images)
{
    if ( empty($images) ) {
        $images[] = 'http://wordpress/wp-content/uploads/2014/11/DSCN0570.jpg';
    }
    return $images;
}
How to add Facebook app_id?

OG plugin is super simple and we do not plan to add any „options page” which is needed if you want to have data like „fb:app_id” or „fb:pages”.

But, if you really wanna use OG and serve „FB” OpenGraph tags, then you can use og_array filter to add (or modify) OpenGraph tags.

add_filter( 'og_array', 'add_og_facebook_data' );
function add_og_facebook_data( $og ) {
    $og['fb'] = array(
        'app_id' => 'my-app-id',
        'pages' => 'foo, bar',
    );
    return $og;
}

Recenzje

Very Good!

Lightweight, fast and concrete. The plugin does exactly what it says

Fit my needs

The plugin is zero config and fitted perfectly my needs. Just had to add a hook at functions.php in the theme to customize the home page data to use.

Very hard to use

Very hard to use plugin for beginners, the is a read me file, but even that is hard to understand!

Przeczytaj 23 recenzje

Kontrybutorzy i deweloperzy

„OG” jest oprogramowaniem open source. Poniższe osoby miały wkład w rozwój wtyczki.

Kontrybutorzy

“OG” has been translated into 1 locale. Thank you to the translators for their contributions.

Przetłumacz wtyczkę “OG” na swój język.

Interesuje cię rozwój wtyczki?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Log zmian

2.4.7 (2017-09-26)

  • Added filter „og_[og_name]_value” to change single og value.
  • Added og:type for post formats „audio” and „video”.
  • Fixed og:type for WooCommerce product. Props for shaharsol

2.4.6 (2017-09-13)

  • Removed limit for og:description.

2.4.5 (2017-06-13)

  • Added filter „og_array” which allows to change whole OG array before print it.

2.4.4 (2017-05-20)

  • Fixed site crash when WooCommerce is active. Props for JLY

2.4.3 (2017-05-09)

  • Update „Rate” module to 1.0.1 – fixed wrong rate URL for non-English.

2.4.2 (2017-05-03)

  • Added tags „og:video” and „twitter:player” for YouTube embed movies.
  • Added WooCommerce integration for tags: „og:price:amount”, „og:price:currency” and „og:availability”.
  • Improved description tag, when entry content is empty, add entry title as description.

2.4.1 (2016-10-26)

  • Fixed problem for pages and another single content. At this moment OG works for all types of single entries.
  • Added ask for the rating on the plugin page.
  • Short twitter description.

2.4 (2016-04-10)

  • Fixed the problem with proper preparation for localization.
  • Fixed the profile with grabbing YouTube image.
  • Implement WordPress code standard for PHP code used in the plugin.

2.3 (2016-02-03)

  • Added categories as og:section.
  • Added esc_attr to headers tags.
  • Added msapplication-TileImage.
  • Added og:site_name.
  • Added profile:first_name, profile:last_name & profile:username props for Arek
  • Added tags.
  • Added twitter tags.
  • Added usage of site icon when is no icon – all cases.

2.2 (2015-08-19)

  • IMPROVEMENT: added the site icon as og:image for the home page.

2.1 (2015-05-21)

  • IMPROVEMENT: added checking site locale with facebook allowed locale.

2.0 (2014-12-11)

  • IMPROVEMENT: added check to post_content exists for CPT without this field.
  • IMPROVEMENT: added og:author link
  • IMPROVEMENT: big refactoring
  • IMPROVEMENT: added filters, see FAQ section

1.0 (2014-10-02)

Wersja początkowa.