За тези, които са следвали Facebook F8 разработчик конференция, трябва да знаете, че Facebook главен изпълнителен директор Марк Zuckerberg стана официално стартирането на Open Graph протокол и социалните плъгини. Като последователи на Facebook Connect, тези две неща ще променят цялата игра на топката и ще доведат мрежата " социалност " на съвсем ново ниво.

За тези, които все още не знаят, новият протокол Open Graph и социалните приставки са набор от инструменти, стартирани от Facebook, които ви позволяват да интегрирате Facebook дълбоко в сайта си и да направите сайта си по-общ. Неща като бутона "Подобно" вече могат лесно да бъдат добавени към страницата ви и да позволите на потребителите ви да споделят вашето съдържание в своя Facebook акаунт.

Как да добавя бутон "Харесва ми" към моя сайт? (Лесният начин)

За да добавите бутон "Подобно", просто поставете следния код на вградена рамка в която и да е част от страницата (или мястото, където искате да се показва).

За да промените настройката на бутона "Подобно", отидете на тази страница на бутона Facebook Like, персонализирайте настройката, вземете кода на iframe и го поставете в сайта си.

Друга възможност е да инсталирате подобен плъгин, който може да автоматизира повечето от основните неща за вас.

Това ли е всичко? Какво ще стане, ако искам повече?

Вие го попитахте. Така че тук сте, методът за интегриране на Facebook дълбоко във вашия сайт (и превърнете вашия сайт в социална графика).

Съществуват два начина за внедряване на социалните приставки Facebook във вашия сайт:

  1. вградената рамка
  2. XFBML

Бих препоръчал използването на XFBML, тъй като ви позволява да имате достъп до цялата широка гама от плъгини. Следващият метод ще бъде направен чрез протокола XFBML.

1. Регистрирайте приложение за Facebook

Не се притеснявайте, нямаме нужда от вас да научите програмиране и да размахвате реклама. Всичко, което трябва да направите тук, е да се регистрирате за приложение в Facebook (Накратко, просто попълнете формуляр и го изпратете).

Отидете на страницата за създаване на Facebook приложения и създайте приложение (ще трябва да влезете във вашия Facebook акаунт).

След като приложението бъде създадено успешно, ще видите таблото за управление на приложението. Запишете идентификационния номер на приложението (ще го използвате по-късно).

2. Добавяне на персонализиран маркер

Сега отидете в папката Theme и отворете файла header.php . Променете маркера на следното:

 >

3. Добавяне на персонализирани маркери за маркера

Все още в header.php добавете следния ред между маркера.

Забележка :

  • Не забравяйте да промените цялото поле CAPS на настройките на сайта си в мета маркерите.
  • За да разберете какво е вашето Facebook USER_ID, отидете на http://graph.facebook.com/your-username . Ще видите потребителското си име за FB.

  • Проверете тази страница за пълно обяснение на мета маркерите и другите мета тагове, които можете да включите

4. Добавяне на javascript sdk

За да се възползвате от XFBML, трябва да добавите SDK на javascript към маркера си.

Добавете следните редове непосредствено след маркера.

Сега ще трябва да смените " ID на вашия APP " с идентификационния номер на приложението, който сте създали точно сега.
5. Изберете социалните плъгини, които искате да използвате 
Отидете на сайта на социалните плъгини на Facebook, ще видите серия от инструменти, които можете да внедрите в сайта си.
Подобно на бутона : Показвай бутон "Подобно" на сайта си. Най-често използваната приставка. 
Препоръки : Покажете на потребителите персонализирани предложения за страниците на вашия сайт, които биха харесали. 
Влизане с лица : Позволете на потребителите да се регистрират в сайта ви със своя Facebook профил. той също така показва списък на приятелите на потребителя, които също са се регистрирали за вашия сайт. 
Коментари : Позволете на потребителите да коментират в сайта Ви. Коментарите ще бъдат публикувани обратно на стената на Facebook потребители. 
Feed Feed : показва на потребителите какво правят приятелите си на сайта Ви чрез харесвания и коментари. 
Like Box : Това е преди известно като Fan box. 
Facepile : Показва профилни снимки на приятелите на потребителя, които вече са се регистрирали за вашия сайт. 
Поточен поток : Позволява на потребителите ви да споделят активност и коментари в реално време, докато взаимодействат по време на събитие на живо.
6. Конфигурирайте социалните плъгини 
Изберете социалната приставка, която искате да използвате на сайта си. В този пример ще използвам бутона "Подобно", тъй като той е най-често използваният от всички.
Кликнете върху връзката Подобен бутон
Конфигурирайте настройките на бутона "Подобно". Оставете полето URL адрес празно. Кликнете върху бутона " Get Code " в края, за да вземете изходния код.
Маркирайте и копирайте XFBML кода
Поставете го в местата (в зоните на джаджите или в файла single.php ), където искате да се появи бутонът "Подобно".
Направете същото за всички други социални приставки, които използвате.
Това е!
Внедряване на социални плъгини в MakeTechEasier 
Бутон "Подобно" за всеки запис
Подобно на кутията в страничната лента
Препоръчва се поле в долния колонтитул
Препратки 
Ето някои полезни връзки за справка:
  • Протокол Facebook OpenGraph
  • Facebook Javascript SDK
  • Социални приставки за Facebook
  • Таблото за приложения на Facebook
Ако смятате, че този пост е полезен, не забравяйте да го " харесвате " и да го споделите с приятелите си. Споделете ни в коментарите как сте използвали социалните плъгини в сайта си.