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

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

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

| Завантажити вихідні джерела |

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

Крок 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().

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

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

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

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

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

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

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

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

редактор wpcafe

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