Home / Dialogflow CX / Dialogflow Messenger df-response-received event
Dialogflow CX

Dialogflow Messenger df-response-received event

I got this question on my YouTube channel recently:

Hi, thanks for sharing this video! i have a question: – how i use Events JavaScript from dialogflow messenger (df-request-sent & df-response-received)

I used the df-response-received event as part of my Dialogflow CX bot which helps you choose between ES, CX and Actions Builder.

Here is some sample code:

Suppose the dfMessenger object has been added to your HTML like this (just copy this from the Dialogflow console)

<script src="https://www.gstatic.com/dialogflow-console/fast/messenger-cx/bootstrap.js?v=1"></script> <df-messenger df-cx="true" chat-title="DFChooser" agent-id="your-agent-id-goes-here" language-code="en"></df-messenger>
Code language: HTML, XML (xml)

const dfMessenger = document.querySelector('df-messenger'); dfMessenger.addEventListener('df-response-received', function (event) { console.log(event); if (event.detail.response) { data = event.detail.response; console.log(data); //now do something with the data JSON object } });
Code language: JavaScript (javascript)

You can parse the data object (which is in JSON format) and you will see that it contains all the information coming back from Dialogflow.

This is for a CX bot, but the basic concept works the same way for ES also.

I haven’t used the df-request-sent event, but I would expect that it would work in the same way. Note: the df-response-received event includes the request information from the user, so it is sufficient if you are just trying to log the Dialogflow conversation to a database.

<— End of article —>


This website contains affiliate links. See the disclosure page for more details. 
"The magic key I needed as a non-programmer"

The custom payload generator was the magic key I needed (as a non-programmer) to build a good demo with rich responses in DialogFlow Messenger. I've only used it for 30 minutes and am thrilled. I've spent hours trying to figure out some of the intricacies of DialogFlow on my own. Over and over, I kept coming back to Aravind's tutorials available on-line. I trust the other functionalities I learn to use in the app will save me additional time and heartburn.

- Kathleen R
Cofounder, gathrHealth
"Much clearer than the official documentation to be honest"

Thanks a lot for the advice (of buying and following your videos)! They helped a lot indeed. Everything is very clear when you explain, much clearer than the official documentation to be honest 🙂

Neuraz T
Review for Learn Dialogflow CX
"I will strongly recommend this course because even I can learn how to design chatbot (no programming background)"

I think Aravind really did a great job to introduce dialogflow to people like me, without programming background. He organizes his course in very clear manner since I have been a college professor for 20 years. It is very easy for me to recognize how great Aravind’s course is! Very use-friend and very easy to follow. He doesn’t have any strong accent when he gives the lectures. It is so easy for me to understand. Really appreciate it.

Yes, I will strongly recommend this course because even I can learn how to design chatbot (no programming background) after studying Avarind’s course, you definitely can!

Ann Cai
Review for Learn Dialogflow ES

Similar Posts