Как создать собственный социальный фид в WordPress с примерами кода

Что такое социальный фид и зачем он нужен на сайте WordPress

Социальный фид — это подборка контента из социальных сетей, отображаемая на вашем сайте. Он помогает удерживать посетителей, показывая актуальные новости, посты или упоминания бренда. На wpsocial.ru тема особенно актуальна, потому что многие хотят интегрировать соцсети напрямую в WordPress без громоздких плагинов.

В этой статье мы подробно разберём, как создать кастомный социальный фид своими силами: от получения данных через API соцсетей до вывода и кеширования.

Выбор источников для социального фида: какие соцсети поддержать

Чаще всего для интеграции используют Facebook, Twitter, Instagram, VK и Telegram. Важно определить, с какими именно соцсетями вы планируете работать. Например, Instagram и VK требуют авторизации через OAuth, а Twitter — использование API с ключами.

Для примера мы возьмём Twitter и VK, так как они популярны и имеют официальные API.

Получение данных из Twitter API

Для работы с Twitter API нужно зарегистрировать приложение в Twitter Developer Portal и получить ключи API и токен доступа.

Ниже пример функции, которая использует cURL для запроса твитов по заданному хештегу. Функция wpsocial_get_twitter_feed() запрашивает последние 5 твитов с хештегом и возвращает их в виде массива.

function wpsocial_get_twitter_feed($hashtag) {
    $bearer_token = 'ВАШ_BEARER_TOKEN';
    $url = 'https://api.twitter.com/2/tweets/search/recent?query=%23' . urlencode($hashtag) . '&max_results=5';

    $ch = curl_init();
    curl_setopt($ch, CURLOPT_URL, $url);
    curl_setopt($ch, CURLOPT_HTTPHEADER, ['Authorization: Bearer ' . $bearer_token]);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    $response = curl_exec($ch);
    curl_close($ch);

    $data = json_decode($response, true);
    if (isset($data['data'])) {
        return $data['data'];
    }
    return [];
}

Далее вы можете вызвать эту функцию и вывести твиты в удобном формате.

Получение данных из ВКонтакте с помощью API

Для VK можно использовать метод wall.get, чтобы получить последние записи со стены сообщества или пользователя. Для этого нужен access_token, который можно получить через настройки сообщества или OAuth.

Пример функции wpsocial_get_vk_feed() для получения 5 последних постов со стены группы по ID:

function wpsocial_get_vk_feed($group_id) {
    $access_token = 'ВАШ_ACCESS_TOKEN';
    $version = '5.131';
    $count = 5;
    $url = "https://api.vk.com/method/wall.get?owner_id=-$group_id&count=$count&access_token=$access_token&v=$version";

    $response = file_get_contents($url);
    $data = json_decode($response, true);

    if (isset($data['response']['items'])) {
        return $data['response']['items'];
    }
    return [];
}

Минус VK API — лимиты и необходимость обновлять токены, но для небольших проектов этого достаточно.

Вывод социального фида на сайте WordPress

Чтобы вывести данные из соцсетей, создадим шорткод [wpsocial_feed], который покажет объединённый фид из Twitter и VK.

function wpsocial_shortcode_feed() {
    $twitter_posts = wpsocial_get_twitter_feed('wordpress');
    $vk_posts = wpsocial_get_vk_feed('ваш_group_id');

    $output = '<div class="wpsocial-feed">';
    $output .= '<h3>Twitter</h3><ul>';
    foreach ($twitter_posts as $tweet) {
        $text = esc_html($tweet['text']);
        $output .= "<li>$text</li>";
    }
    $output .= '</ul>';

    $output .= '<h3>ВКонтакте</h3><ul>';
    foreach ($vk_posts as $post) {
        $text = esc_html($post['text']);
        $output .= "<li>$text</li>";
    }
    $output .= '</ul></div>';

    return $output;
}
add_shortcode('wpsocial_feed', 'wpsocial_shortcode_feed');

Такой шорткод можно вставить в любой пост или страницу, и он выведет свежие записи из соцсетей.

Кеширование результатов для повышения производительности

Если каждый запрос к API делать при загрузке страницы, сайт будет тормозить и вы рискуете попасть под лимиты. Поэтому рекомендуем кешировать результаты с помощью Transient API WordPress.

function wpsocial_get_cached_twitter_feed($hashtag) {
    $cache_key = 'wpsocial_twitter_' . md5($hashtag);
    $cached = get_transient($cache_key);
    if ($cached !== false) {
        return $cached;
    }
    $feed = wpsocial_get_twitter_feed($hashtag);
    set_transient($cache_key, $feed, HOUR_IN_SECONDS);
    return $feed;
}

По такому же принципу можно кешировать и VK фид.

Использование плагинов для расширения функционала

Если хочется готовое решение, можно обратить внимание на плагины, которые частично покрывают задачу, например:

• WPRemark — мощный инструмент для интеграции комментариев и отзывов, можно адаптировать под соцфид;
• WPGPT — если хотите дополнить социальный фид генерацией контента на основе AI.

Но для лёгкой и гибкой интеграции кодовые решения зачастую лучше, так как дают полный контроль.

Заключение

Создание собственного социального фида в WordPress — задача вполне решаемая, если разобраться с API и реализовать кеширование. Это даёт уникальный и быстрый функционал на сайте, который можно настраивать под любые соцсети и задачи.