Додаємо підтримку @anywhere від Twitter в WordPress блог

Крок 1: Реєструємося в API
Крок 2. Інтегруємо додаток в блог
Автоматична посилання на імена користувачів Twitter
Автоматична посилання на імена користувачів Twitter з спливаючій карткою
Розумна кнопка «Follow» для Twitter
Вікно публікації твітів на вашому блозі
висновки

Наша взаимовыгодная связь https://banwar.org/

Днями Twitter анонсував свою платформу для взаємодії зі сторонніми сайтами, під назвою @anywhere. Ця платформа дозволяє інтегрувати Twitter в ваш сайт, використовуючи всього лише кілька простих рядків JavaScript-коду.

Її застосування дозволить вам отримувати більше твітів, більше трафіку, більше фоловерів, більш активне їх участь, більше користувачів для блогу і глибшу інтеграцію. Погодьтеся, дуже непогано.

Тепер ви отримаєте можливість вставляти спеціальне поле для публікації твітів, що дозволяє користувачам твітити прямо з зі сторінок вашого блогу. Крім того, використання платформи @anywhere дозволяє автоматично додавати до всіх імен користувачів Twitter, знайденим на сторінках вашого блогу, посилання на відповідні Twitter-профілі (наприклад, @Proofsite).

Якщо ви включите опцію спливаючій картки користувача, відвідувачі вашого блогу будуть бачити спливаюче вікно, що містить інформацію про Twitter-користувачі і кнопку Follow (аналог цієї функції можна побачити в web-інтерфейсі Twitter).

І на закуску - є спеціальна форма, що дозволяє відправляти твіти безпосередньо зі сторінки блогу.

На мій погляд, нова платформа буде грати величезну роль в майбутньому, як інструмент популяризації і зростання самого Twitter. У цій статті я продемонструю вам - як додати елементи з нової платформи @anywhere від Twitter на ваш WordPress-блог.

Крок 1: Реєструємося в API

Перед тим як додати підтримку платформи @anywhere для вашого блогу, необхідно зареєструватися в API . Заповнювати дані необхідно ось так, для прикладу:

Після реєстрації ви отримаєте API ключ - Consumer key. Потім необхідно переконатися в тому, що рівень прав виставлений на «Читання» і «Запис», в іншому випадку у користувачів не буде можливості клікнути на кнопку «Follow». В даний момент ця функція працює кілька неправильно з вини самого Twitter, але розробники займаються її усуненням. Але, про всяк випадок, я покажу вам як це зробити:

для початку клікніть на посилання http://twitter.com/oauth ;
на сторінці ви побачите зареєстроване вами додаток;
натиснувши на назві додатка, ви побачите сторінку з детальною інформацією про програму;
на цій же сторінці є кнопка, яка називається «Edit Application Settings»;
натисніть на цю кнопку і перейдіть редагування до розділу «Default Access type»;
змініть положення перемикача на «Read & Write»;
Збережіть зроблені зміни, натиснувши на кнопку «Save».

Крок 2. Інтегруємо додаток в блог

З огляду на той факт, що платформа має досить широким спектром функцій, ми будемо послідовно розглядати кожну з них. Для початку підключення функціоналу, вам необхідно налаштувати виклик основного JavaScript-коду. Twitter рекомендує розмістити цей скрипт у файлі header.php (між тегами <head> і </ head>):

Пам'ятайте, що замість слова «YourAPIKey» необхідно вставити ваш власний ключ.

Тепер подивимося на індивідуальні особливості платформи, доступні для для вашого блогу.

Автоматична посилання на імена користувачів Twitter

Ця функція платформи @anywhere від Twitter дозволяє створювати автоматичні посилання на імена користувачів Twitter в записах і коментарях вашого блогу.

Якщо на сторінці або в запису ви згадаєте ім'я Twitter-користувача в такому форматі: @Proofsite, платформа автоматично поставить посилання на обліковий запис в Twitter.

Ця функція дозволить вам економити багато часу при написанні статей і згадки певних Twitter-користувачів. Для того, щоб активувати цю опцію, просто вставте нижченаведений код в заголовок сайту, після основного Javascript-коду.

<Script type = "text / javascript"> twttr.anywhere (onAnywhereLoad); function onAnywhereLoad (twitter) {twitter.linkifyUsers (); }; </ Script>

Приклад роботи функції можна побачити прямо в цій статті:

Функція позволяетавтоматіческі проставити посилання на імена користувачів Twitter, виключаючи посилання, скрипти, фрейми, текстові області, теги заголовків і інші кнопки.

Автоматична посилання на імена користувачів Twitter з спливаючій карткою

Ця опція платформи @anywhere від Twitter дозволить вам автоматично вставляти посилання на всі знайдені на сторінці профілі користувачів в Twitter, а крім того - виводить підказку при наведенні курсору миші на посилання.

Тобто, тепер, коли відвідувач вашого блогу підведе курсор миші до імені користувача Twitter (наприклад, @Proofsite), він побачить ось таку підказку:

Якщо він клацне на кнопці «Follow», він зможе безпосередньо зафоловив вас прямо зі сторінки вашого блогу. А натискання на посилання «more» - дозволить йому подивитися детальну інформацію про вашому профілі в Twitter.

Для того, щоб активувати цю функцію, просто вставте нижченаведений код в файл header.php, відразу після основного JavaScript-коду.

<Script type = "text / javascript"> twttr.anywhere (onAnywhereLoad); function onAnywhereLoad (twitter) {twitter.hovercards (); }; </ Script>

Розумна кнопка «Follow» для Twitter

Розумна кнопка платформи @anywhere дозволить користувачам фолловить вас прямо зі сторінок вашого блогу. Ви можете розмістити кнопку в запису або де вам буде зручно.

Ось живий приклад цієї кнопки, спробуйте: [insert-html-here 1]

Для того, щоб активувати цю функцію, по-перше вставте нижченаведений код в файл header.php, відразу після основного JavaScript-коду.

<Script type = "text / javascript"> twttr.anywhere (onAnywhereLoad); function onAnywhereLoad (twitter) {twitter ( '# follow-Proofsite'). followButton ( "Proofsite"); }; </ Script>

І по-друге, вставте ось такий тег div там, де ви хочете відобразити цю кнопку:

Не забудьте поміняти «Proofsite» на ваше ім'я користувача в Twitter.

Вікно публікації твітів на вашому блозі

За допомогою платформи @anywhere від Twitter, ви можете також створити спеціальне поле, використовуючи який користувачі отримають можливість відправляти твіти безпосередньо з вашого блогу, навіть не відкриваючи сторінку самого Twitter.

Для того, щоб активувати цю функцію, по-перше - вставте нижченаведений код в файл header.php, відразу після основного JavaScript-коду.

<Script type = "text / javascript"> twttr.anywhere (onAnywhereLoad); function onAnywhereLoad (twitter) {twitter ( "# custom-tweetbox"). tweetBox ({label: "Ваш твіт:", defaultContent: "RT @proofsite Як додати підтримку @anywhere від Twitter в WordPress | Proofsite: ваш cайт повинен продавати! http://bit.ly/andSn2;) ", height: 50, width: 250,}); }; </ Script>

де:

label - заголовок форми;
defaultContent - інформація, яка розміщується у формі за замовчуванням, відразу при завантаженні;
height - висота форми в пікселях;
width - ширина форми в пікселях.

І по-друге, вставте ось такий тег div там, де ви хочете відобразити це поле:

Ось живий приклад роботи форми, спробуйте:

[Insert-html-here 2]

висновки

У репозиторії WordPress є кілька плагінів, які дозволяють додавати для WordPress-блога такі речі як спливаюча картка Twitter-користувача або автоматичне проставлення посилань на профілі Twitter. Ви можете використовувати ці плагіни, якщо хочете, але установка функцій настільки проста, що ви легко можете зробити все самі, без використання плагінів.

Якщо вам сподобалася ця стаття, будь ласка, скористайтеся новим функціоналом і ретвітніте її, а також не забудьте зафоловив мене в Twitter - @Proofsite.

У статті використані матеріали сайту wpbeginner .

Команда SEO-фахівців агентства інтернет-реклами «ІДЕАЛ», базуючись на багаторічному досвіді і сучасних технологіях, забезпечить просування сайту і висновок в лідери пошукових систем в найкоротші терміни.

команда SEO-фахівців, базуючись на багаторічному досвіді і сучасних технологіях, забезпечить просування і розкручування сайту, і висновок в лідери пошукових систем в найкоротші терміни.

Js?