Як використовувати Bitly для скорочення посилань у WordPress

Ви хочете використовувати свій обліковий запис у сервісі скорочення посилань Bitly спільно зі своїм блогом чи сайтом на основі WordPress? Це можна влаштувати, і це нескладно. Все, що вам потрібно – трохи уважності та вміння виконати покрокову інструкцію, яку ми для вас підготували.

Коли сервіс Bitly був представлений публіці, більшості розробників та користувачів було не дуже зручно ним користуватися. Пізніше з розвитком Глобальної Мережі сайти на кшталт Twitter, Facebook і YouTube почали використовувати схожий механізм скорочення посилань. А тепер навіть Google Plus підтримує його.

| Завантажити вихідні |

У цій статті ви навчитеся простому та корисному методу підключення вашого облікового запису в сервісі Bitly до свого блогу або сайту на базі WordPress, а також навчитеся використовувати свій обліковий запис у bitly для генерування коротких посилань для використання їх з кнопками "чірікать"І"Поділитись". Це завдання досить просте, і я використовую такий механізм у своєму блозі, і результати вражають. Бажаю вам удачі у виконанні покрокової інструкції, і якщо ви зіткнетеся з будь-якою проблемою в ході налаштування та встановлення, залишайте свої питання в коментарях до цієї статті.

Крок 1. Підготовка коду

Увійдіть у свій обліковий запис у сервісі Bitly. Якщо у вас ще немає облікового запису, у вас піде всього хвилина, щоб створити там обліковий запис. Після того, як ви увійдете до свого облікового запису, перейдіть до сторінки з налаштуваннями, прокрутіть вниз майже половину та скопіюйте значення свого API. Десь за хвилину нам знадобляться ці дані для використання.

Крок 2.1. Вносимо зміни до файлу functions.php

Скопіюйте наведений нижче код вставте у ваш файл з функціями functions.php:

//automatically create bit.ly url for WordPress widgets
function bitly()
{
	//login information
	$url = get_permalink();  //for WordPress permalink
	$login = 'USERNAME-HERE';	//your bit.ly login
	$apikey = 'API-HERE'; //add your bit.ly API
	$format = 'json';	//choose between json or xml
	$version = '2.0.1';
	//generate the URL
	$bitly = 'http://api.bit.ly/shorten?version='.$version.'&longUrl='.urlencode($url).'&login='.$login.'&apiKey='.$apikey.'&format='.$format;

	//fetch url
	$response = file_get_contents($bitly);
//for json formating
	if(strtolower($format) == 'json')
	{
		$json = @json_decode($response,true);
		echo $json['results'][$url]['shortUrl'];
	}
	else //for xml formatting
	{
		$xml = simplexml_load_string($response);
		echo 'http://bit.ly/'.$xml->results->nodeKeyVal->hash;
	}
}

Крок 2.2. Пишемо тестовий пост

Тепер водимо ваше Ім'я користувача і вставляємо значення вашого API у вказану секцію у рядках 6 и 7. Завантажте свій файл functions.php у папку з вашою темою. Тепер напишіть тестовий пост у режимі HTML і вставте наступний рядок коду:

<?php bitly(); ?>

Вставити її треба в тілі посту, де знаходиться основний контент. Перейдіть тепер до опублікованого поста і подивіться, чи перенаправляє Bitly на потрібне посилання чи ні. Якщо перенаправлення не відбувається, перевірте значення імені користувача та АPI у файлі з функціями і спробуйте знову.

Крок 3. Додаємо кнопки Twitter та "+1"

Тепер, коли ви знаєте, як виглядає код і як його використовувати, давайте "вичавимо"з нього всі можливі"плюсиНаведу пару прикладів для того, щоб надихнути вас на власні експерименти з bitly.

Далі наведено приклади використання цього коду з кнопками сервісів Twitter и Google Plus, які я використовую у роботі власного блогу. Перший приклад - з мікроблогами Twitter, і код задає значення розміру кнопки і лінк, який можуть використовувати читачі блогу:

<a href="http://twitter.com/share?url=<?php echo urlencode( bitly()); ?>&counturl=<?php urlencode(the_permalink()); ?>" class="twitter-share-button" data-count="horizontal" data-via="USERNAME-HERE">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Ви можете скопіювати наведений вище код або перейти в Twitter і оформити код на власний смак. Не забудьте змінити тип "data-via". І хочу звернути вашу увагу, що функція urlencode - На заміну новоствореної функції в bitly.

Для роботи кнопки соц. мережі Google Plus скопіюйте наведений нижче код. Якщо ви хочете більш тонкого настроювання коду, перейдіть в Google+ і оформіть кнопку "+1" так, як вам подобається. Зверніть увагу на те, які зміни я вніс у код, щоб інтегрувати в кнопку функцію від Bitly.

<g:plusone size="medium" href="<? bitly(); ?>"></g:plusone>

Крок 4. Використання

Після того, як ви відредагували та налаштували код, вставте відредагований варіант коду в цикл на вашому сайті або просто у файл single.php відразу після тегу meta().

Тепер, коли ви натисніть на кнопки "чірікать"Або"+1 ", у вас буде відображатися bitly URL. Хороших твітів вам!

І на закінчення

Яка користь від усіх цих адрес за допомогою Bitly?

По-перше, ви можете легко контролювати ваші посилання за допомогою облікового запису в сервісі bitly. Він відображає кількість відвідувань кожного посилання.

По-друге, скорочений URL можна легко розшарити на Twitter або Google Plus для ваших фоловерів і читачів.

І по-третє, ви можете легко надсилати короткі посилання з вашими публікаціями своїм друзями, читачам та передплатникам за допомогою SMS та email. Ці короткі лінки виглядають елегантно і не займають багато місця в електронних листах, що дозволяє ділитися ними корпоративною поштою та за допомогою різних сервісів.

Джерело: WP.tutsplus.com

Олексій Шевченко

редактор wpcafe

Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, що спеціалізується на створенні сайтів WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/