How to place script in dynamic paragraph

Question

I have google adsense script which I can place it in different positions on my page.

I also have body text where the description of each post is and I want to know how can I add adsense script dynamically into my posts body text? (Google suggested to place it after second paragraph).

I am using laravel and this is how I get my body part of each post

{!! $post->body !!}

Sample of Google adsense code:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-6565454545454774"
  data-ad-slot="548855465655"
  data-ad-format="auto"
  data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Any idea?

Update

single post function

//single post
public function single($slug)
{
        $post = Post::where('slug', $slug)->where('publish', '=', 'y')->firstOrFail();

        $post->addPageView();

        $previous = Post::where('slug', '<', $post->slug)->max('slug');

        $next = Post::where('slug', '>', $post->slug)->min('slug');

        $products = Product::all()->where('status', 'enable')->random(3);

        $categories = PostCategory::all();

        $settings = Setting::all();

        $author = AuthorInfo::where('user_id', $post->user->id)->first();

        return view('front.singlepost', compact('post', 'previous', 'next', 'products','categories', 'settings','author'));
}

Answer 1

I haven't had a chance to test this out, however you can create an accessor (in this case getBodyWithAdsenseAttribute) which will create an altered version of the body content and include the adsense content after the 2nd paragraph:

Within your Post model file:

public function getBodyWithAdsenseAttribute()
{
    $javascript = '<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <ins class="adsbygoogle"
      style="display:block"
      data-ad-client="ca-pub-6565454545454774"
      data-ad-slot="548855465655"
      data-ad-format="auto"
      data-full-width-responsive="true"></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>';

    $paragraphs  = explode('</p>', $this->body); // Explode current body field
    $new_content = ''; // Variable for new content
    $count       = 1; // Set count for adding new content

    foreach ($paragraphs as $paragraph) {
        $new_content .= $paragraph;

        if ($count == 2) {
            $new_content .= $javascript;
        }

        $count++;
    }

    return $new_content;
}

Here, we store all the adsense data within a $javascript variable.

We then explode() the body content by the closing </p> tag, creating an array from the content.

Using a foreach(), we recreate the body content, counting to see if it is after the 2nd instance of the </p> tag. If so, we add the $javascript content to the new content.

Finally, we return all the content. This can be used within blade like the following

{!! $post->bodyWithAdsense !!}

Note: More code will be needed to fallback in case there is only one paragraph, or if there is no body content at all.