March 18, 2012

How to Add Facebook Comment Social Plugin to Your Website




How do you interact with your visitors or get feedback from them? Absolutely when we think about getting feedback, you will definitely think about commenting feature. It may available by default or you may have already implemented commenting feature on your blog or website for your visitors to send feedback, ask questions or to interact with you regarding your content. However do you like the default commenting feature available on your site? Or looking for adding commenting feature? If so, would you like to give it more stylish look and let your visitors comment via their Facebook login without any sign up process?

Facebook offers various type of social plugins such as Recommended Box, Activity plugin which integrates exclusive social features related to Facebook. As a webmaster, Facebook comment social plugin is another useful plugin if you are looking forward to add stylish and convenient way for your visitors to comment on your website. Facebook is place where most people engaged in and your visitors can comment using their existing accounts. It works as exactly you comment on Facebook and notifications will posted to relevant Facebook user on his news feed. Also Facebook plugin offers more settings such as moderation capabilities, comment using other login providers. So it will increase visitor engagement for your content and as now search engines crawl Facebook comments, visitors will tend to post comments too.

But if you wish to migrate or change your domain, Facebook plugin will not render existing comments as it populates comments only for the URL that comments have been made. And Facebook comment plugin still doesn't provide a way to migrate your existing comments. If it's not a problem or if you are not wishing to migrate, it would be the best option for you to increase engagement of your visitors. However we have already discussed implementing comment plugin in Blogger and if you are on another platform, you can find how to customize and implement it on your blog or website.


Before You Go:

* Make sure you have set up Facebook JavaScript SDK and Open Graph Protocol on your website before implementing Facebook comment plugin.

* If you are a Blogger user, read Add Facebook Comment Social Plugin to Blogger.


Steps:

There is nothing to worry about implementation. You just need to add comment social plugin at the place where you wanna show comment box for your visitors. You can either use XFBML code or HTML5 code to implement the comment plugin.

XFBML Markup

<fb:comments href='[Page URL]' num_posts='4' width='500' colorscheme='light'/>

Note: The XFBML markup of this plugin may not support earlier versions of Internet Explorer. In order to enhance compatibility with older Internet Explorer versions, add below XML namespace to your root HTML tag.

xmlns:fb="http://ogp.me/ns/fb#"

i.e: <html b:version='2' ..... xmlns:fb="http://ogp.me/ns/fb#">


HTML5 Markup

<div class="fb-comments" data-href="[Page URL]" data-num-posts="4" data-width="500" data-colorscheme="light"></div>


Color Indication Information:

   - URL of the Page

Here you can specify a URL for this comment plugin. So the comments posted will be available only for that URL. Else you can leave it as a blank and comment plugin will detect implemented page URL automatically and store comments for that specific URL.

   - Number of posts/comments displayed

This will set default number of comments to be rendered under Facebook comment plugin and other comments will be collapsed by default. If you wanna show all comments under the comment box, then remove this value with the attribute completely.

i.e: num_posts='4'

   - Width of comment plugin, in pixels

   - The color scheme of your comment plugin, specify either light or dark.


More Information:

* If you wanna show Facebook comment count along with the comment box, just add below line of code after or before comment plugin code.

<fb:comments-count expr:href='data:post.url'/> Comments

* Your comment moderation tools and settings will be displayed as follows with comment box, or you can access them via Facebook Comment Moderation Tool site.



* You can find more insights for your comments at Facebook Insights page.


Enjoy :-)




Awesome! Thanks for coming by and taking your time to read this post :) I hope you have learnt something today. Now you can share it with your friends and I'd love to hear from you too.






Related Posts and Categories


Category, , , , , ,





Comments

* Make sure your comment is genuine and comply with our commenting guidelines.

* Review your email and reply notification settings to receive replies via email.


«Oldest   ‹Older   201 – 211 of 211
Anonymous said...

Olga Oleksiy: San'at va Estetikani Birlashgan Ko'rinishiOlga Oleksiyning betakror ijodi va fotosuratlari san'at va estetikaning ajoyib uyg'unligini namoyish etadi. Uning eng yaxshi asarlari bilan tanishish uchun bu yerga o'ting.

Anonymous said...

Друзья, если вы хотите порадовать своих близких и друзей красивыми открытками и пожелать им хороших выходных, то я советую посетить сайт grafu.ru. Там есть отличные картинки и открытки с пожеланиями на любой вкус. Очень удобно, что можно выбрать именно те открытки, которые вам понравятся, а потом отправить их по почте или через мессенджеры. Спешите, ссылка на сайт с открытками здесь: https://grafu.ru/krasivye-otkrytki-pozhelaniya-horoshih-vyhodnyh. Надеюсь, эти открытки поднимут настроение ваших близких и создадут великолепные выходные.

Anonymous said...

Контемпорари — это стиль, который воплощает в себе современные тенденции и минимализм, делая акцент на функциональность и простоту форм. Если вы стремитесь создать уютную и стильную атмосферу в своей квартире, то вам стоит обратить внимание на контемпорари. Основные элементы этого стиля включают нейтральные цветовые палитры, использование натуральных материалов и минимум декоративных деталей. Светлые стены и мебель с четкими линиями помогут визуально увеличить пространство, а продуманные акценты добавят индивидуальности вашему интерьеру. Узнайте больше о том, как внедрить стиль контемпорари в свою квартиру, перейдя по ссылке: https://iledi.ru/stil-kontemporari-v-interere-kvartiry/.

Anonymous said...

Когда дело доходит до здоровья и фитнеса, каждый ищет эффективные упражнения. Одним из таких упражнений является кикбэк. Оно отлично тренирует ягодичные мышцы, помогая достичь стройной и подтянутой фигуры. Чтобы правильно выполнять кикбэк и извлечь максимальную пользу, советую заглянуть на сайт кикбэк упражнение. Там вы найдете полезные советы и детальные инструкции по выполнению этого упражнения. Не откладывайте заботу о своем теле на потом – начните сегодня для достижения своей ultimate формы!

Anonymous said...

Эти потрясающие фотографии Мандиты Изабеллы в купальнике просто завораживают! Если вы хотите увидеть больше стильных и ярких образов этой великолепной модели, то обязательно переходите по ссылке и наслаждайтесь: https://oyda.ru/fotografii-znamenitostey/foto-v-kupalnike-mandity-izabella/. Эти снимки точно поднимут вам настроение и вдохновят на летние приключения.

Anonymous said...

�� Поздравляю! Сегодня у нас праздник — День Рождения Олеси! �� Если ты ищешь смешные картинки для поздравления, тогда этот пост для тебя! Здесь собраны самые веселые и оригинальные картинки и фото, которые точно поднимут настроение имениннице. Не забудь заглянуть на наш сайт, чтобы увидеть больше: смешные картинки поздравления с днем рождения олеся. Поделись радостью и смехом в этот особенный день! ��

Anonymous said...

Сегодня хочу поделиться с вами отличной идеей для обновления прически — рельефное окрашивание волос! Этот метод не только добавляет объем и текстуру вашим волосам, но и придает им уникальный, эффектный вид. Рельефное окрашивание подходит как для коротких стрижек, так и для длинных волос. Особенно эффектно выглядит на стрижках с текстурой. Если вы хотите узнать больше об этом тренде и посмотреть вдохновляющие примеры, рекомендую заглянуть на сайт рельефное окрашивание волос. Там вы найдете много полезной информации и идей для вашего следующего образа!

Anonymous said...

Если вы хотите насладиться прекрасными картинками туфель, то вам точно стоит посетить сайт https://sotni.ru/tufli-krasivye-kartinki/. Здесь вы найдете 91 фото, которые покажут вам всю изысканность и красоту этих обувных аксессуаров. Погрузитесь в мир элегантных и модных образов с помощью этой замечательной подборки. Ребята собрали самые лучшие изображения для вас!

Anonymous said...

Специально для тех, кто интересуется первыми шагами в студенческой жизни! Подборка фото и картинок девушек первого курса подарит вам настроение и вдохновение на новые достижения. Посмотрите, какие молодые и талантливые студентки уже делают первые шаги к своим мечтам. Подробности можно найти на сайте https://podtip.ru/devushki-1-kurs.

Anonymous said...

Чуваки, хочу поделиться с вами несколькими фотками обнаженной Хлои Грейс Морец! Она просто бомбезная, а фотографии просто огонь! Советую заглянуть сюда https://subliminalkey.com/hloya-greys-morets, там еще больше интересного про нее. Так шо не теряйте времени, лучше посмотрите сами и оцените эту красотку! Гарантирую, не пожалеете!

Anonymous said...

У тебя есть уже много плюшевых игрушек, но тебе всё равно хочется еще их добавить в коллекцию? Смотрю, ты мой человек! Тогда, я знаю, что тебе очень понравится Babybabykiwi! У меня сейчас такой милый аккаунт в Инстаграме, там есть куча фоток этих прелестных плюшевых кишек! И если ты захочешь купить себе кишку, я знаю как! Заходи по этой ссылке https://subliminalkey.com/babybabykiwi и выбирай ту, которая тебе понравится больше всего! Ну а пока что, я продолжу смотреть эти чудесные фотографии и мечтать о своей собственной плюшевой кишке!

«Oldest ‹Older   201 – 211 of 211   Newer› Newest»