Dialogflow / chatbot integration with website

[aarondeacon]

Create a dialogflow integration of the chatbot for the website. Chatbot should be accessible either in a typical chat pop-up form or possibly on its own page.

[mlokc]

You can test out the chatbot here:

https://www.facebook.com/messages/t/comebackkcpage

or here:

https://www.comebackkc.com/beta-covid-bot/

See this thread for how-to info:

https://stackoverflow.com/questions/51113401/how-to-integrate-dialogflow-with-website

[consciousimages]

Just to sum up Aaron, when Mark and I looked at this a few weeks ago the best paid integration is $20/month (no free) and my guesstimate after looking into it briefly was probably 2 days of dev between building/testing/implementing. Just a gut feeling - could be longer/shorter as I didn't go very deep into the documentation.

[RobKraft]

I added a dialogflow with a Netlify site I put up https://gifted-elion-44c2af.netlify.app/ I used the DialogFlow Messenger (beta) to "deploy". Very easy.
Just reference <script src="https://www.gstatic.com/dialogflow-console/fast/messenger/bootstrap.js?v=1"></script>),
then add a tag to the html:

[consciousimages]

That's already done here actually (second link above): https://www.comebackkc.com/beta-covid-bot/

Mark's wanting more control -- a "proper" integration...

[RobKraft]

I guess I don't know what a "proper" integration is. I agree that this one is not proper (https://www.comebackkc.com/beta-covid-bot/), but I think the one I did is proper (https://gifted-elion-44c2af.netlify.app/ ).

[mlokc]

I'd be happy with the kind of implementation Rob did, especially if we can modify the icon.

[RobKraft]

Yes, we can change the icon. I just changed it on https://gifted-elion-44c2af.netlify.app/

[mlokc]

Awesome. I assume we can control colors for the interface as well. What are the logo constraints? I can get some art created for it.

[RobKraft]

Yes, the css attributes we can control are here: https://cloud.google.com/dialogflow/docs/integrations/dialogflow-messenger#css-customize . And The icon size should be 36px by 36px.

[mlokc]

Do you know if URLs are "live" in this chat view? In the basic one they are not. In FB Messenger, they are.

[RobKraft]

I can't get the URL to be live, but we can put buttons and images and other stuff in the responses that are clickable. if you check now you will see I put a button in the response that opens a web site.

[mlokc]

I don't think the basic text response allows for images. Is there a FB Messenger integration for websites that would allow us to embed it on the site?

We're also allowing access to the chatbot via Messenger and SMS, and I don't really want to create different versions for each.

[RobKraft]

I just modified it to include an image, and text, and buttons. It can do more as documented here: https://cloud.google.com/dialogflow/docs/integrations/dialogflow-messenger

[RobKraft]

I believe we could integrate with FB messenger instead: https://www.begindot.com/how-to-add-facebook-messenger-chat-to-your-website/

[mlokc]

If we go with Messenger, does the user have to have a FB account and be logged in to use it?

…

On Fri, Jun 26, 2020 at 3:31 PM RobKraft ***@***.***> wrote: I believe we could integrate with FB messenger instead: https://www.begindot.com/how-to-add-facebook-messenger-chat-to-your-website/ — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#8 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AD63GMVCI7UPWDMK4YSRFXLRYUAR3ANCNFSM4OFJ4JPA> .

-- Mark Logan @mlogan work: idealect.is

[RobKraft]

As of last December, you must have a FB account to use messenger: https://www.pcmag.com/news/facebook-messenger-now-requires-a-facebook-account , and yes, they would need to be signed in.

[mlokc]

That probably isn’t the path, then.

On Sat, Jun 27, 2020 at 12:59 PM RobKraft ***@***.***> wrote: As of last December, you must have a FB account to use messenger: https://www.pcmag.com/news/facebook-messenger-now-requires-a-facebook-account , and yes, they would need to be signed in. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#8 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AD63GMSKVOJRB6BOY27KY3DRYYXOZANCNFSM4OFJ4JPA> .

-- Sent from a pocket computer. Blame typos on my fat thumbs.