Skip to content
Related Articles

Related Articles

Integrating Facebook Comments Plugin in Django Project

View Discussion
Improve Article
Save Article
  • Difficulty Level : Medium
  • Last Updated : 23 Nov, 2021
View Discussion
Improve Article
Save Article

Django is a Python-based web framework that allows you to quickly create efficient web applications. It is also called batteries included framework because Django provides built-in features for everything including Django Admin Interface, default database – SQLlite3, etc.  In this article, we will learn to integrate the Facebook comment plugin in Django.

How to integrate facebook comments plugin?

First, we have to install Django. Open cmd or terminal 

pip install django

To create a new Django project –

django-admin startproject fbcomm

Then write command –

cd fbcomm

create a new app – 

python manage.py startapp main

Folder Structure:-

Then add the app name in INSTALLED_APPS in  settings.py .

fbcomm/urls.py :-

Python3




from django.contrib import admin
from django.urls import path,include
 
urlpatterns = [
    path('admin/', admin.site.urls),
    path('',include("main.urls")),
]

views.py

Python3




from django.shortcuts import render
 
# Create your views here.
 
def home(request):
    return render(request,'main/index.html')

Then create the new file in the main folder and name it urls.py

Python3




from django.urls import path
from .views import *
 
urlpatterns = [
    path('',home,name="home")
]

Go to the Facebook comment plugin link and get the code of the comment plugin

https://developers.facebook.com/docs/plugins/comments

Click on get code and copy that code 

Inside main create the folder templates inside create another main folder

Then create the file and name it index.html

HTML




<html>
    <head>
        <title>FBCOMM</title>
    </head>
<script async defer crossorigin="anonymous"
        nonce="tQBFzkBF">
</script>
<body>
    <h1>Facebook Comment Plugin</h1>
    <div class="fb-comments" data-href="http://127.0.0.1:8000/index"
         data-width="" data-numposts="5"></div>
</body>
</html>

To run Django app open cmd or terminal and write command 

python manage.py runserver

Output:-


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!