Group chat - Users to User Chat

[kaan_bingol]

Hi everyone. I’m glad to use Memberstack. I have found a user to user chat application that name is tlk.io

It allows communicating members with each other.
It is currently taking users with their user names and automatically registering them into the chat room which you created. So they don’t need to authenticate again. BUT!

In this case, I don’t know How do I use attributes that described on the tlk.io.

Does anyone know How can I use data-nickname with memberstack’s data attributes?

I’am feeling the solution but I cannot find

Thank you

[belltyler]

Hi @kaan_bingol. welcome to the community!

I can help with this. It will just require a tad bit of custom code.

Can you post the current embed you have for tlk? I’ll work with that.

[DuncanHamra]

Sweet! This will get you to the code: https://tlk.io/#embed

[belltyler]

I want to confirm that’s all he has. Sounds like he’s already added some attributes.

[kaan_bingol]

Thank you @belltyler, I added code of the tlk.io and it works.

But I don’t understand how can I setup custom nickname.

memberstack is using “ms-data” and tlk.io is using “data-nickname”

You understand the reference

[kaan_bingol]

I cannot get usernames It’s working without usernames

[belltyler]

What’s the value of the ms-data that needs to be set to data-nickname?

For example, is it ms-data=“nickname”?

[belltyler]

This code assumes that you have a custom field called “nickname” in MemberStack.

Step 1:
Remove the <script async src="http://tlk.io/embed.js" type="text/javascript"></script> portion of the embed code.
Don’t delete this portion <div id="tlkio" data-channel="hey" style="width:100%;height:400px;"></div>

Step 2:

Add this code to the footer of your site.

<script>
    MemberStack.onReady.then(function(member) {
        
        var nickname = member["nickname"]

        var tlkio = document.getElementById("tlkio")

        tlkio.setAttribute("data-nickname",nickname)

        var tlkio_script = document.createElement("script")
        tlkio_script.src = "http://tlk.io/embed.js"
        tlkio_script.async = true
        document.head.append(tlkio_script)

    })
</script>

let me know how it goes!

[kaan_bingol]

Yep It’s working but I had to fix something. data-name to data-nickname

Thank you all @belltyler & @DuncanHamra