Menu

Expand
Rate this page:

Call Tracking with Python and Django

Twilio is launching a new Console. Some screenshots on this page may show the Legacy Console and therefore may no longer be accurate. We are working to update all screenshots to reflect the new Console experience. Learn more about the new Console.

This Django web application shows how you can use Twilio to track the effectiveness of different marketing channels.

This application has three main features:

  • It purchases phone numbers from Twilio to use in different marketing campaigns (like a billboard or a bus advertisement)
  • It forwards incoming calls for those phone numbers to a salesperson
  • It displays charts showing data about the phone numbers and the calls they receive

Check out how Whatclinic.com used Twilio to build a call tracking platform for healthcare providers.

In this tutorial, we'll point out the key bits of code that make this application work. Check out the project README on GitHub to see how to run the code yourself.

Let's get started!

Search for available phone numbers

Call tracking requires us to search for and buy phone numbers on demand, associating a specific phone number with a lead source. This utility module uses the Twilio Python helper library to search for phone numbers by area code and return a list of numbers that are available for purchase.

Loading Code Sample...
        
        
        call_tracking/utils.py

        Search Phone Numbers

        call_tracking/utils.py

        Now let's see how we will display these numbers for the user to purchase them and enable their campaigns.

        Display available phone numbers

        Display available phone numbers

        We display a form to the user on the app's home page which allows them to search for a new phone number by area code. At the view level, we use the utility module we created earlier to actually search for numbers, and display an HTML page to the user with a list of numbers they can choose to buy.

        Loading Code Sample...
              
              
              call_tracking/views.py

              Available Numbers View

              call_tracking/views.py

              We've seen how we can display available phone numbers for purchase with the help of the Twilio Python helper library. Now let's look at how we can buy an available phone number.

              How we buy a phone number

              Buy a phone number

              Our purchase_phone_number utility function takes a phone number as its sole parameter and uses our Twilio API client to actually purchase one of the available phone numbers we searched for earlier.

              Loading Code Sample...
                    
                    
                    call_tracking/utils.py

                    Purchase Phone Number

                    call_tracking/utils.py

                    If you don't know where you can get this application SID, don't panic, the next step will show you how.

                    See where we get that application SID

                    Set webhook URLs in a TwiML Application

                    When we purchase a phone number, we specify a voice application SID. This is an identifier for a TwiML application, which you can create through the REST API or your Twilio Console.

                    Create TwiML App

                    Learn how to associate a phone number

                    Associate a phone number with a lead source

                    Once we search for and buy a Twilio number, we need to associate it with a lead source in our database. This is the core of a call tracking application. Any phone calls to our new Twilio number will be attributed to this source.

                    Loading Code Sample...
                          
                          
                          call_tracking/views.py

                          Create Lead Source View

                          call_tracking/views.py

                          So far our method for creating a Lead Source and associating a Twilio phone number with it is pretty straightforward. Now let's have a closer look at our Lead Source model which will store this information.

                          How we define the lead source model

                          The LeadSource model

                          The LeadSource model associates a Twilio number to a named lead source (like "Wall Street Journal Ad" or "Dancing guy with sign"). It also tracks a phone number to which we'd like all the calls redirected, like your sales or support help line.

                          Loading Code Sample...
                                
                                
                                call_tracking/models.py

                                Lead Source Model

                                call_tracking/models.py

                                As the application will be collecting leads and associating them to each LeadSource or campaign, it is necessary to have a Lead model as well to keep track of each Lead as it comes in and associate it to the LeadSource.

                                Let's see what the Lead model looks like

                                Define the Lead model

                                A Lead represents a phone call generated by a LeadSource. Each time somebody calls a phone number associated with a LeadSource, we'll use the Lead model to record some of the data Twilio gives us about their call.

                                Loading Code Sample...
                                      
                                      
                                      call_tracking/models.py

                                      Lead Model

                                      call_tracking/models.py

                                      The backend part of the code which creates a LeadSource as well as a Twilio Number is complete. The next part of the application will be the webhooks that will handle incoming calls and forward them to the appropriate sales team member. Let's us see the way these webhooks are built.

                                      Learn how to forward calls

                                      Forward calls and create leads

                                      Whenever a customer calls one of our Twilio numbers, Twilio will send a POST request to the URL associated with this view function (should be /call-tracking/forward-call).

                                      We use the incoming call data to create a new Lead for a LeadSource, then return TwiML that connects our caller with the forwarding_number of our LeadSource.

                                      Loading Code Sample...
                                            
                                            
                                            call_tracking/views.py

                                            Call Forwarding

                                            call_tracking/views.py

                                            Once we have forwarded calls and created leads, we will have a lot of incoming calls that will create leads, and that will be data for us but we need to transform that data into information in order to get benefits from it. So, let's see how we get statistics from these sources on the next step.

                                            See how to get statistics from lead sources

                                            Get statistics about our lead sources

                                            One useful statistic we can get from our data is how many calls each LeadSource has received. We use the Django ORM's annotate feature to make a list containing each LeadSource and a count of its Lead models. We create a custom model manager so that we can easily access this data in our views.

                                            Loading Code Sample...
                                                  
                                                  
                                                  call_tracking/models.py

                                                  Leads By Source Stats

                                                  call_tracking/models.py

                                                  Up until this point, we have been focusing on the backend code to our application. Which is ready to start handling incoming calls or leads. Next, let's turn our attention to the client side. Which, in this case, is a simple Javascript application, along with Chart.js which will render these stats in an appropriate way.

                                                  How we draw the statistics with chart.js

                                                  Visualize our statistics with Chart.js

                                                  Back on the home page, we fetch call tracking statistics in JSON from the server using jQuery. We display the stats in colorful pie charts we create with Chart.js.

                                                  Loading Code Sample...
                                                        
                                                        
                                                        call_tracking/static/js/callTracking.js

                                                        Pie Chart from Stats

                                                        call_tracking/static/js/callTracking.js

                                                        That's it! Your Python and Django application is now ready to purchase new phone numbers, forward incoming calls, and record some statistics for our business.

                                                        Where to next?

                                                        Where to next?

                                                        That's it! Our Django application is now ready to purchase new phone numbers, forward incoming calls, and record some statistics for our business.

                                                        If you're a Python developer working with Twilio, you might also enjoy these tutorials:

                                                        Click-To-Call (Flask)

                                                        Put a button on your web page that connects visitors to live support or sales people via telephone.

                                                        Appointment Reminders (Django)

                                                        Send your customers automatic reminders ahead of appoiments using Twilio SMS.

                                                        Did this help?

                                                        Thanks for checking this tutorial out! If you have any feedback to share with us please contact us on Twitter, we'd love to hear it.

                                                        David Prothero Kat King Samuel Mendes Andrew Baker Jose Oliveros Paul Kamp Brianna DelValle
                                                        Rate this page:

                                                        Need some help?

                                                        We all do sometimes; code is hard. Get help now from our support team, or lean on the wisdom of the crowd by visiting Twilio's Stack Overflow Collective or browsing the Twilio tag on Stack Overflow.

                                                        Loading Code Sample...
                                                              
                                                              
                                                              

                                                              Thank you for your feedback!

                                                              Please select the reason(s) for your feedback. The additional information you provide helps us improve our documentation:

                                                              Sending your feedback...
                                                              🎉 Thank you for your feedback!
                                                              Something went wrong. Please try again.

                                                              Thanks for your feedback!

                                                              thanks-feedback-gif