Razor Blade Tutorials

RazorBlade add Open-Graph Headers

⚠️ WARNING: These examples only work in Dnn ☢️

2sxc 12 introduces the new PageService which also works in Oqtane 💧. We suggest you use that instead. 👉 See Razor Page Service
Note that to ensure this tutorial can run on all platforms, we've included some #if NETCOREAPP which changes what code runs on what platform.

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

Source Code of this file

Below you'll see the source code of the file. Note that we're just showing the main part, and hiding some parts of the file which are not relevant for understanding the essentials.

@inherits Custom.Hybrid.Razor12
@using ToSic.Razor.Blade;
<!-- unimportant stuff, hidden -->
RazorBlade add Open-Graph Headers... <!-- unimportant stuff, hidden -->

@{#if NETCOREAPP}
  @Html.Partial("../shared/_MessageOqtaneDisabled.cshtml")
@{#else}
@{
  // note: 'og:' is auto-prefixed if not given in the key
  HtmlPage.AddOpenGraph("title", "Demo of OpenGraph headers");
  HtmlPage.AddOpenGraph("type", "website");
}
@{#endif}

<!-- unimportant stuff, hidden -->