If you lot dont nderstand this is that, instead of changing your whole blogger template to AMP you lot tin dismiss only alter the pages viewed on the m=1 to redirect to AMP together with thats what people inwards blogger cause got been missing. This is helpful since people who usage the desktop version of your website or inwards large persuasion volition non larn the AMP version of your template together with instead they volition larn the amount website. While those who usage mobile phones volition hold upward redirected tthe Accelerated Mobile PAge version. Without wasting to a greater extent than fourth dimension on Explanation allow me trell you lot what you lot volition need. This whole practice volition necessitate you lot to cause got Href Meta Tags that are going to hold upward used to specify on the AMP Language together with you lot tin dismiss respect the tuitorial on how to add together them ,The left purpose is the coding purpose of your blogger template. Lets beggin.
How To Create AMP Pages On Blogger Mobile Redirect URL.
Basicaly Mobile redirect URL agency the m=1 value you lot encounter at the halt of your URL when you lot charge your website inwards mobile view. We impliment AMP on this pages past times Altering to a greater extent than or less of the code to brand certain those who usage mobile redirection are served nether AMP.Step 1.
First approach is going to blogger.com together with selecting the website you lot desire to add together the AMP to. Through the clear navigation left side dominance , select the template/ topic selection together with which volition cause got you lot to EDIT HTML where you lot are going to Click on EDIT HTML together with taken to your blogger website template topic code which nosotros desire to alter.
Click anywhere inwards your template together with click on Ctrl+F on windows or Command F on macbook. This volition display a dialogue box on the right side of the blogger template code unit.
Enter the code
<HTML expr:dir='data:blog.languageDirection' lang='id'>After finding the code shown above, together with thence add together the BELOW code to the i you lot cause got searched for Above.
<b:attr cond='data:blog.isMobileRequest == "true"' name='amp' value='amp'/>Step 2.
Now search for the code </head> together with add together the code BELOW exactly Above the </head tag.
<b:if cond='data:blog.pageType non inwards {"static_page","error_page"} together with data:blog.isMobileRequest == "true" together with non data:blog.searchQuery'>The Orange words amongst XXXX shows the specific identify that you lot volition glue your adsense code. That volition hold upward used to demonstrate ads inwards your AMP pages thence you lot tin dismiss obtain revenue from the AMP pages still.
<script async='async' custom-element='amp-ad' src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'/>
</b:if>
<b:if cond='data:blog.pageType non inwards {"static_page","error_page"} together with data:blog.isMobileRequest == "false" together with non data:blog.searchQuery'>
<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
<script>
//<![CDATA[
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-xxxxxxxxxx",
enable_page_level_ads: true
});
//]]>
</script>
</b:if>
Step 3.
Replace the code </head> tag amongst the code below.
<script async='async' custom-element='amp-ad' src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'/> </head><!--<head/>-->Step 4.
Below the code <head> glue the BELOW code.
<link expr:href='data:blog.homepageUrl + "?m=1"' rel='amphtml'/>Thats all amongst adding AMP to carve upward page views inwards blogger, As before mentioned you lot necessitate to add together amp Body together with Head tags for them to work. Thanka alot, sick select manage of you lot guys on the side past times side i . Peace.
0 komentar:
Please comment if there are any that need to be asked.