App


Razor Page Service Tutorials

Tutorial HomeRazer Page Service
#6 Set Open-Graph headers for Social Media using the  IPageService

Set Open-Graph headers for Social Media using the IPageService

This page sets various open-graph headers. Look at the resulting output-source to see the effect.

Kit.Page gets the Page Service on newer Razors

This tutorial inherits from the Custom.Hybrid.Razor14 or the Custom.Hybrid.RazorTyped base class.

This allows us to use Kit.Page to access an IPageService without having to use GetService<IPageService>.

@inherits Custom.Hybrid.RazorTyped

@{
  // note: 'og:' is auto-prefixed if not given in the key

  Kit.Page.AddOpenGraph("title", "Demo of OpenGraph headers");
  Kit.Page.AddOpenGraph("type", "website");
}

Output is Invisible as it only affects the HTML Head

This sample modifies the HTML head, so it's not visible here. 

To see the effect, look at the source in the browser

 

#6 Set Open-Graph headers for Social Media using the  IPageService