blazor - 如何使用 asp.net core blazor web assembly 显示 google adsense 广告

Question

我有一个在 blazor 上运行的项目，我想在 blazor 上添加 google adsense 广告，但我找不到任何在 blazor 上运行 google 广告的解决方案。

请帮我设置广告!

Answer 1

看看这个视频!

https://www.youtube.com/watch?v=GjLEVlUA7mY

这是一种将添加内容放入组件中的非常简单的方法。

您确实需要创建一个组件。

这是我在项目中使用的

 <div @key="@Guid.NewGuid()" >
 @if (Ads is not null)
 {
     @Ads
 }
 </div>

 @code {

    [Parameter]
    public string Slot { get; set; }
    [Parameter]
    public string Style { get; set; }
    [Parameter]
    public string Adsformat { get; set; } = "auto";

    private RenderFragment Ads { get; set; }


    protected override void OnParametersSet()
    {
        Ads = new RenderFragment(b =>
        {
            b.OpenElement(0, "ins");
            b.AddMultipleAttributes(1, new List<KeyValuePair<string, object>>()
            {
                new KeyValuePair<string, object>("class", "adsbygoogle"),
                new KeyValuePair<string, object>("style", $"{Style}"),
                new KeyValuePair<string, object>("data-ad-client", "your-client-secure-code"),
                new KeyValuePair<string, object>("data-ad-slot", Slot),
                new KeyValuePair<string, object>("data-ad-format", Adsformat),
                new KeyValuePair<string, object>("data-full-width-responsive", true),
            });
            b.CloseElement();
 
            b.OpenElement(0, "script");
            b.AddContent(3, "(adsbygoogle = window.adsbygoogle || []).push({});");
            b.CloseElement();
       });
   }
}