#4 Open-Graph headers for Social Media
Requirements
Resources
RazorBlade add Open-Graph Headers
⚠️ WARNING: These examples only work in Dnn ☢️
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.
Info about the Base Class
This tutorial inherits from the Custom.Hybrid.Razor14 base class.
This allows us to use Kit.Scrub
to access an IScrub
without having to use GetService<IScrub>
This page sets various open-graph headers.
Look at the resulting output-source to see the effect.
⚠️ Code Disabled in Oqtane 💧
This code only works in DNN, so the tutorial has special conditional statements like#if NETCOREAPP
which disable the code in Oqtane.
See See how to use #if
#4 Open-Graph headers for Social Media
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. Click to expand the code
@inherits Custom.Hybrid.Razor14 @using ToSic.Razor.Blade; <!-- unimportant stuff, hidden --> <div @Sys.PageParts.InfoWrapper()> @Html.Partial("../shared/DefaultInfoSection.cshtml") <div @Sys.PageParts.InfoIntro()> <h2><em>RazorBlade</em> add Open-Graph Headers</h2> @Html.Partial("MessageDnnOnlyUseIPageService.cshtml") @Html.Partial("../shared/KitBaseClassInfoBox.cshtml", new { ServiceName = "Scrub", Service = "IScrub" }) <div> This page sets various open-graph headers. Look at the resulting output-source to see the effect. </div> </div> </div> @if (CmsContext.Platform.Name == "Oqtane") { @Html.Partial("../shared/MessageOqtaneDisabled.cshtml") } else { <text> @{ // note: 'og:' is auto-prefixed if not given in the key Kit.Page.AddOpenGraph("title", "Demo of OpenGraph headers"); Kit.Page.AddOpenGraph("type", "website"); } </text> } @* Footer *@ @Html.Partial("../Shared/Layout/FooterWithSource.cshtml", new { Sys = Sys })