How to Make Easy Youtube AMP Video on Blog

How to Make Easy Youtube AMP Video on Blog

MyBacklink86 - In this post my backlink will share how to make Youtube AMP video on AMP blog.

If you have a video on Youtube and you want to display it on your blog then you can make a Youtube video and save embed youtube video playlist on your blog.

If you are using AMP blog, you can also display Youtube AMP video by using Youtube AMP code.

Please follow how to make youtube AMP video below.

1. Please put this code just below <head> code.

<script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>

Example 
<head>
<script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>
.......
.......
</head>
</body>

2. Show Youtube AMP video singles on your AMP blog please use the code below.

No Autoplay

Embed YouTube videos via the video id. The id is found in every Youtube video page URL.

<amp-youtube width="480" height="270" layout="responsive" data-videoid="VIDEO ID HERE">
</amp-youtube>


Replace VIDEO ID HERE with your Video Youtube ID (data-videoid = "VIDEO ID HERE")

Autoplay

Setting autoplay will automatically play/pause the YouTube video as it is scrolled into/out of view on supported browsers.

The YouTube video is automatically muted before autoplay starts, when the user taps the video, the video is unmuted.

If the user has interacted with the YouTube video (e.g., mutes/unmutes, pauses/resumes, etc.), and the video is scrolled in or out of view, the state of the video remains as how the user left it.

<amp-youtube width="480" height="270" layout="responsive" data-videoid="VIDEO ID HERE" autoplay></amp-youtube>


Replace VIDEO ID HERE with your Video Youtube ID (data-videoid = "VIDEO ID HERE")

This code can be stored in your blog widget or in your blog post.

Make it easy to implement Youtube AMP code in Blog.

Hope this article useful to you.

Good luck
LEARN MORE

How To Create Adsense In The Middle of Blog Post

Adsense In The Middle of Blog Post

MY BACKLINK - In this post my backlink discuss about tutorial how to install adsense in the middle of blog post. Actually there are so many articles that discuss about this tutorial, but coincidence in this blog has not been discussing this tutorial so I make this tutorial post to you.

The benefits of tutorial install adsense in the middle of this blog post that you can further increase Google Adsense revenue on your blog with a higher clickthrough rate and usually will more interest to readers with ad content that is displayed because of the position of a strategic ad in the middle of the blog post .

Here's how to install adsense in the middle of blog posts

The way is very easy, here you just need to replace the specific code in the template and replace it with the code that I will give in the guide below.

1. Please login to Blogger and select the blog you want to edit.

2. Click the Template menu, click the Edit HTML button, then search and replace this code <data:post.body/> in your template with the code below.

Read also How to Install Google AdSense In-Feed Ads on Blogger

Inside the template you will find some <data:post.body/> code depending on the template you are using, try it one by one until the ads appear in the page of your blog article.

Adsense In The Middle of Blog Post

Read also How to Create an AMP Adsense Unit on Blogger


<div expr:id='"ads1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">
SCRIPT ADSENSE THAT HAS BEEN DIPARSE
</div>
<div expr:id='"ads2" + data:post.id'><data:post.body/></div>
<script type="text/javascript">
var obj0=document.getElementById("ads1<data:post.id/>");
var obj1=document.getElementById("ads2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(" ");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script>

Please note, the above script will place the ad exactly in the middle of the post, or in other words, the script will count all the words in your article and divide it into 2 (see the code line var t=s.substr(0,s.length/2);), then insert ads at that point.

To parse the Adsense code, can use this tools parse here.

3. Save the template and see the results.

Well, please apply the tutorial how to install adsense in the middle of this blog post on your blog. Hopefully will be able to improve CTR ads on your blog.
LEARN MORE

Magenet Good Alternative Adsense, It's Payment Proof

Magenet Good Alternative Adsense, It's Payment Proof

MY BACKLINK - To earn money from blog or site is one of the target of the voters blog or website. For now the owners of blogs or sites to make money from his blog is to register a blog or site into a publisher partner ads in Google Adsense .

Which ad publisher does not know Google Adsense.

Google Adsense is one very good land to make money from blogs. Owners of Google Adsense it self is Google.

But not a few blog owners or sites that are denied to become a publisher partner on Google Adsense.

And it is still a lot of Google Adsense alternative is good and really pay. One of them that we recommend for you is Magenet.

Magenet is an ad publisher site whose ad type is Text Links Ads.

Signing up to be an ad publisher in magenet is not difficult alias very easy.

The terms and conditions of registering to publishers in magenet are not strict.

Free domain blogs are also registered to publishers magenet (blogspot.com, wordpress, etc ...).

The better the SEO of your blog or website in search engines the more likely advertisers who are interested in advertising on your blog or website.

How to register for an ad publisher in magenet.?

Here's how:

  1. You visit the magenet site Join Now
  2. Enter the name and email you will list (contact register directly in front of magenet site) can also register with facebook account.
  3. See the picture below.
Magenet Good Alternative Adsense, It's Payment Proof

Magenet Good Alternative Adsense, It's Payment Proof

Magnet Good Alternative Adsense, It's Payment Proof

Magenet Good Alternative Adsense, It's Payment Proof


4. Later there will be a notification email that goes into the email you are listing as a publisher in magenet if there are advertisers who want to place Text Links Ads on your blog or website.

5. Before you install ads from magenet, you can also reject advertisers' advertisements to be posted on your blog or website if the price of ads is low or the type of ads violate your blog or site TOS (Google Adsense TOS).


This is proof of payment from magenet already received MY BACKLINK from 5 Blogs registered partner publisher in magenet :

Payment Proof From Magenet

Payment Proof From Magenet

Payment Proof From Magenet

Payment Proof From Magenet

What do you think.?

Are you interested in registering your blog or website into a publisher in magenet.?

sign up publisher


Hopefully this article useful to you.

Good luck.
LEARN MORE

How to Install AdSense In-Feed Ads on Blog

How to Install Google AdSense In-Feed Ads on Blogger

For a demo of Google AdSense In Feed Ads please see your home page MY BACKLINK

MY BACKLINK - After some time rarely update on this blog on this occasion Arlina Design will share the installation of the latest features of Google AdSense, which features In-Feed Ads ad units that can be installed on the blog. This ad unit is quite interesting, because it will be installed between the list of articles following the form of customizable post layouts.

For those of you who want to add this feature you can follow the following simple steps.

How to Install Google AdSense In-Feed Ads on Blogger


First, open your Google Adsense dashboard. Click the My ads > Content > Ad units > Then click the button New ad units


Next select in-feed ads

How to Install Google AdSense In-Feed Ads on Blogger

In the next step please select one type of display according to your blog.

Next step, go to Blogger dashboard > Themes > Click the Edit HTML button > Find the code below

<b:loop values='data:posts' var='post'>


Replace the code into the code below

<b:loop values='data:posts' var='post' index='x'>

Note: do not forget to back up your blog template first.

Next look for this code

<div class='post-outer'>


Add the code below just below the code in the step above <div class='post-outer'>.


<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:x==1'>
<div class='post'>
YOUR CODE SCRIPT NATIVE ADS
</div>
</b:if>
<b:if cond='data:x==3'>
<div class='post'>
YOUR CODE SCRIPT NATIVE ADS
</div>
</b:if>
</b:if>


Then the result will be like this.


<div class='post-outer'>...</div>
<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:x==1'>
<div class='post'>
YOUR CODE SCRIPT NATIVE ADS
</div>
</b:if>
<b:if cond='data:x==3'>
<div class='post'>
YOUR CODE SCRIPT NATIVE ADS
</div>
</b:if>
</b:if>


Replace YOUR CODE SCRIPT NATIVE ADS with your In-Feed Ads ad code, save the template and see the results.
LEARN MORE

How to Create an AMP Adsense Unit on Blogger

Adsense AMP

MyBacklink86 - When new to AMP HTML, it's hard to place the right Adsense ad unit on the AMP blog.

And now Google has given an explanation about the placement of Adsense ad units for AMP HTML blog. And after I try, ad units can look great on all device sizes.

If you are still confused in placing an ad unit Adsense on AMP blog, please refer to this post to complete.

Usually the code of an Adsense ad unit will look like below :


<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
   style="display:inline-block;width:120px;height:600px"
   data-ad-client="ca-pub-1234567891234567"
   data-ad-slot="1234567890"></ins>
<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

The code marked above is the code needed for the amp ad unit.

For Top Display (Above The Fold)



The top-of-the-fold display is the screen display once the blog is open (the first view is visible before the screen is scrolled down). For ad units on this top view screen (such as an ad below the header), it is highly recommended to use a ad unit fixed-height 100px (the width of the ad will follow its width, while the height will remain 100px). That way, the ads that show up are ads with a height in the 100px range.

Please use the amp ad code as below



<amp-ad
layout="fixed-height"
height="100"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>

Use the data-ad-client and data-ad-slot of your Adsense ad units.

For On-Screen Display Ads On-Scroll (Below The Fold)



Below the fold is the screen that appears after the page is scrolled. Usually these ads are stored under posts or above and below comments.

For this ad it is recommended to use an ad unit with a height of 250px. Here I use layout="fixed-height" so the ads that appear are ads that are high in the 250px range.

Please use the code amp ad as below 


<amp-ad
layout="fixed-height"
height="250"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>

Use the data-ad-client and data-ad-slot of your AdSense ad units.

And make sure you've installed js amp-ad below </head> .


<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
LEARN MORE
Subscribe to: Posts (Atom)