Download to read offline
Uploaded byWordCamp Kyiv
WordPress и социальные сети
This document discusses how WordPress websites can integrate with social networks using various metadata standards and APIs. It covers Open Graph for sharing rich content on Facebook, Rich Snippets for displaying structured data in search results, APIs for Facebook, VK, and Instagram, and how to use transients to cache dynamic content in WordPress.
More Related Content
WordPress и социальные сети
- 1.
- 2. Open Graph <head> <meta property="og:title"content="The Rock" /> <meta property="og:type" content="video.movie" /> <meta property="og:url" content="http://www.imdb.com/title/tt0117500/" /> <meta property="og:image" content="http://ia.media- imdb.com/images/rock.jpg" /> ... </head>
- 3. Rich Snippets <div itemscopeitemtype="http://data-vocabulary.org/Recipe" > <h1 itemprop="name">Grandma's Holiday Apple Pie</h1> <img itemprop="photo" src="apple-pie.jpg" /> By <span itemprop="author">Carol Smith</span> Published: <time datetime="2009-11-05" itemprop="published">November 5, 2009</time> ... </div>
- 4. Facebook Graph API 1. HTTP 2.PHP SDK 3. JavaScript SDK
- 5. VK Open API 1. HTTP 2.JavaScript SDK
- 6.
- 7. Transients set_transient ( string$transient, mixed $value, int $expiration ) function get_instagram_feed( $feed ){ if( !$images = get_transient(‘instagram-’.$feed) ){ $images = …… ; set_transient(instagram-’.$feed, $images, 5 * 60); } return $images; }
- 8. TLC Transients https://github.com/markjaquith/WP-TLC-Transients tlc_transient( 'example-feed') ->updates_with( 'my_callback' ) ->expires_in( 300 ) ->background_only() ->get();
Editor's Notes
- #2 для начала - о способах разметки
- #3 Open Graph — протокол для разметки сайта под социальные сети. Он позволяет контролировать и указывать какие данные будут взяты при расшаривании ссылок в социальных сетях(лайки, шаринги и прочее). Open Graph поддерживают: Фейсбук, Твиттер, Вконтакте, LinkedIn, Google+ и другие.
- #4 Расширенное описание веб-страницы – это небольшой текст, который отображается под ее ссылкой в результатах поиска и помогает пользователю понять, насколько ее содержание релевантно запросу.
- #5 логин OAuth Заходите на сервис-провайдер ХХХ, регистрируете там свой сайт, получаете код клиента и секретный код. По нажатию кнопки на вашем сайте «войти через ХХХ» производится обмен запросами с сервером XXX, перенаправление пользователя на ХХХ для ввода пароля, логина и подтверждения передачи данных на ваш сайт и получения токена, с помощью которого у сервера ХХХ можно запросить дополнительные данные о пользователе. Конкретика зависит от реализации OAuth на сервис-провайдере — поддерживаемой версии протокола, поддерживаемых потоков и пр. С помощью полученного токена с сервера ХХХ получаются имя, емайл, дата рождения, аватар и прочая информация, которая обычно и требуется при регистрации. После этого можно вызывать стандартную функцию по добавлению нового пользователя.