Error on creating Chat card message from example

[richardk1]

I'm trying to create a card to use in a Google Chat message.

I've pasted the JSON example from the Google Chat reference in the Card Builder , but on running it in the builder, I get an `Unknown field in Card JSON` error.

What could be the cause?

[xavidop]

can you please post the response you are sending to Google chat?

[richardk1]

I started pasting the code example in Dialogflow console as a Custom Payload, but that gave me a lot of 'unexpected comma' errors. So I figured I'd try pasting it in Card Builder, but then I got the errors 'Unknown field' errors.

[calle · Accepted solution]

if you put only code inside "card" it work.

Try this

{
"header": {
"title": "Sasha",
"subtitle": "Software Engineer",
"imageUrl":
"https://developers.google.com/chat/images/quickstart-app-avatar.png",
"imageType": "CIRCLE",
"imageAltText": "Avatar for Sasha",
},
"sections": [
{
"header": "Contact Info",
"collapsible": true,
"uncollapsibleWidgetsCount": 1,
"widgets": [
{
"decoratedText": {
"startIcon": {
"knownIcon": "EMAIL"
},
"text": "sasha@example.com"
}
},
{
"decoratedText": {
"startIcon": {
"knownIcon": "PERSON"
},
"text": "<font color=\"#80e27e\">Online</font>"
}
},
{
"decoratedText": {
"startIcon": {
"knownIcon": "PHONE"
},
"text": "+1 (555) 555-1234"
}
},
{
"buttonList": {
"buttons": [
{
"text": "Share",
"onClick": {
"openLink": {
"url": "https://example.com/share"
}
}
},
{
"text": "Edit",
"onClick": {
"action": {
"function": "goToView",
"parameters": [
{
"key": "viewType",
"value": "EDIT"
}
]
}
}
}
]
}
}
]
}
]
}

[richardk1]

Thanks @calle , no errors now.

Follow up question: for the Default Welcome intent I now have a text response, and use the code above for the Google Assistant integration (2nd tab under Responses) as a custom payload – see screenshot.

However, interacting through Google Chat still gets me the plain text version. How can I solve this?

[xavidop]

hi! I think you have to test this in a real chat

[richardk1]

I am! But when interacting through Google Chat I get the default text version, not the channel specific one. 

[xavidop]

That could be cause becaused the channel id is not correct

Xavi

[richardk1]

I’m going to check that, thanks!

[Roderick]

@xavidop & @calle thanks for jumping in to help out! @richardk1 keep us posted on if things work out for you.

Cheers,

Roderick 

[richardk1]

It wasn't a channel ID problem in the end but a mistake in the configuration (I confused Google Assistant with Google Chat).

Still have problems with delivering the custom payload but I'll post that seperately to not make this more convoluted than it already is 🙂

[xavidop]

sounds good!

Remember to close the threads with a solution too! just replied to the other thread

[richardk1]

Already marked at as Solved. Do I need to do anything else?

[xavidop]

all good then!
Thanks!

[Raj897055]

Hi, I have integrated the card with google chat to know the quality of the response given my bot, I want to know how to update the card once anyone has interacted with it. 

[xavidop]

you have to add an event to that card: https://medium.com/@AntonShevchuk/google-chat-bot-interaction-and-card-updates-e2d5dc995f78