Віджет facebook для сайту - інструкція по установці

Я теж поряд з іншими блогерами намагаюся не відставати і поступово нарощую темпи по розкрутці блогу seoslim.ru в соціальних мережах.

Як ви пам'ятаєте з минулих статей я дав докладну інструкцію по установки віджета групи від Вконтакте. обов'язково ознайомтеся з цим посібником по вищенаведеної посиланням, а сьогодні у мене дійшли руки і до популярного спільноти Марка Цукерберга Facebook.

Нижче я приведу докладний посібник, як встановити віджет сторінки Фейсбук на сайт, а поки давайте розберемося, навіщо взагалі створювати подібні фан-сторінки.

Навіщо потрібна сторінка на Facebook

Віджет facebook для сайту - інструкція по установці

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

Як відбувається розкрутка сторінки

Насамперед створюємо фан-сторінку, для цього ви меню «Сторінки» вибираєте посилання «Створити нову».

Віджет facebook для сайту - інструкція по установці

Далі цей процес описувати не буду, так як там немає нічого складного, просто виконуємо покрокову інструкцію конструктора.

Постає питання, а як про неї дізнаватимуться інші користувачі, адже тут же немає друзів, яких можна запрошувати в групу?

Все дуже просто, якщо уважно подивитися в шапку створеного співтовариства, то там красується звична для всіх кнопка «Подобається».

Віджет facebook для сайту - інструкція по установці

Віджет facebook для сайту - інструкція по установці

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

Віджет facebook для сайту - інструкція по установці

Віджет facebook для сайту - інструкція по установці

Віджет facebook для сайту - інструкція по установці

Віджет facebook для сайту - інструкція по установці

Потім залишиться вибрати плагін для сторінок «Like Box».

Віджет facebook для сайту - інструкція по установці

Віджет facebook для сайту - інструкція по установці

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

Тепер треба заповнити наведені поля і відзначити потрібні чекбокси, щоб отримати бажаний віджет під стати вашої майданчику.

Width - ширина блоку в пікселях.

Height - висота блоку в пікселях.

Color Scheme - міжлітерний. Є два варіанти: білий або чорний.

Show Friends 'Faces - показувати обличчя тих, кому сподобалася сторінка.

Show Header - заголовок блоку «Знайдіть нас на Facebook».

Show Border - рамка віджета.

У підсумку, щоб створити віджет спільноти для seoslim.ru мені треба було включити такі опції:

Віджет facebook для сайту - інструкція по установці

Далі натискаєте під формою кнопку «Get Code», щоб отримати код для виведення даного блоку на блозі в потрібному місці.

Так як я вирішив помістити блок в сайдбарі, тому я вибрав варіант для HTML5. Для чого потрібно скопіювати першу частину коду і розмістити її перед закриває тегом . тобто в тілі сайту.

Віджет facebook для сайту - інструкція по установці

Копіюємо другу частину коду і розміщуємо його в тому місці, де планується виведення віджету спільноти від Фейсбук.

Віджет facebook для сайту - інструкція по установці

Далі я перейшов в адміністративну панель блогу, вибрав віджет «Текст» і вставив в нього отриманий код (Малюнок під номером 2). Результат роботи ви можете спостерігати в сайдбарі цього майданчика.

У мережі можна зустріти помилкова думка, що за такою схемою можна зробити віджет для групи Facebook. але на жаль скільки я не борознив інтернет, так і не зрозумів як це можна реалізувати. Виходить що розробники подібну функцію не пропонують для груп.

P. S. Скоро мій блог отримає друге дихання в особі нового дизайну. Дизайн вже готовий, зараз йде стадія верстки, ще пару днів і все запрацює.

Чекаю з нетерпінням, щоб показати всім свою задумку. Упевнений, оцініть! 🙂 До швидких зустрічей!

З повагою, Максим Войтик