How can I write a script in the head of some of my Blazor pages?

Question

Hi all;

I want to write event structured data in the of some of my Blazor pages, where the content is specific to the page.

So it is:

This would get added to App.razor I think.

Do I put a string [CascadingParameter] in App.razor.cs, set it as @MyEventScript in App.razor, and then assign it in the child @Body MyPage.razor.cs?

I'm asking for what is a supported way to do this. (Not the opinion "best", but what approach is using supported functionality in Blazor and therefore will continue to work in future versions.)

thanks - dave

Accepted Answer

Hi @,

I suggest you could directly using the HeadContent component to set the header inside each razor page, like below:

By using this , there is no need to use any CascadingParameter inside the blazor.

@page "/"
Home
Hello, world!
Welcome to your new app.

    

@code{
    public string? PageHeadContent { get; set; }
    //here you could set the content from the database
    protected override void OnInitialized()
    {
        PageHeadContent="test";
    }
}

Result:

User's image *****************************************************

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer

remember a web crawler will only have access to the pre-render html produced by blazor (no OnInitializedAsync() or events) . you can test your site's static content by disabling javascript in the browser then accessing the blazor server site.

Share via

How can I write a script in the head of some of my Blazor pages?

1 additional answer

Your answer