code from zendesk's help center.

Hey 阿部 聖志朗,

If you have handlebar code like (HelpCenter , HelpCenter.account , HelpCenter.user), add the snippet to your header.hbs file:

and, if you have JS code snippet then move your wrapper <div></div> to the header.hbs file from the current file,

and if you have created the wrapper by JS code instead of HTML tag then add that wrapper inside the header tag using JS.

If any confusion feel free to ask :)

Thanks

@ifra

Thank you for your explanation.

As you indicated, we are embedding the snippet in header.hbs and using HelpCenter.user in the snippet, but it does not seem to recognize HelpCenter.user.

I have little knowledge of JS and HTML and may not be able to perform basic operations.
I checked with chrome's developer tools and it does not seem to recognize HelpCenter.user as shown in the image.

阿部 聖志朗,  add a div with the id user_data to your header.hbs file:

Get the details into that div:  

document.getElementById('user_data').innerHTML = here is your variable in which you saved user data.

Ex.

Or you can append data inside that div.

@ifra

Thank you for your kind comments.

I have successfully retrieved the email address of the user who is logged in in the environment that zendesk is verifying, using the method you have suggested.

However, when I tried to retrieve the user's email address in a different environment of zendesk, it failed again.

script.js

header.hbs

As displayed in chrome's developer tools

In the previous environment, HelpCenter.user.email() was recognized in script.js, but when I changed the environment as shown in the image above, it was not recognized.

I would like to make HelpCenter.user.email() recognized.

阿部 聖志朗, you only want your data should be shown at the head section not at the bottom. Using JS, you can wrap the data inside a div and then append beside the header using the JS.