Blogger Post View On Google Sheet

Google Sheet အသုံးပြု၍ Blogger မှာ blog post view ဖန်တီးနည်း

‌ဒါကတော့မိမိ blog post မှာ view အရေအတွက်ကို google sheet နဲ့ပြုလုပ်ဖန်တီးပြမှာပါ။ထိုသို့ဖန်တီးရာတွင်မိမိ blog website account ဖွင့်ထားတဲ့ gmail ဆိုရင်ပိုကောင်းပါတယ်။တခြားမိမိ Gmail လဲရပါတယ်။အသုံးပြုမဲ့ Gmail ကိုရွေးချယ်ပြီးသွားပြီဆိုရင် အောက်က google sheet link ကို copy ယူ၍ Browser မှာဖွင့်ပါ။(မှတ်ချက် - Mobile ဖုန်းဖြင့်တည်ဆောက်ပါက Browser Desktop site သို့ ပြောင်းပါ)။

https://docs.google.com/spreadsheets/u/0/

1. google sheet project ဖန်တီးပုံအဆင့်ဆင့်ကိုအောက်မှာ PDF file အဖြစ်နဲ့ဖန်တီးပြထားပါတယ်။

Start Download

1. Apps Script code.gs တွင်ထည့်ရန်

function doGet (e) {
  var sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("Your_Sheet_Name");
  var postId = e.parameter.id;
  if (!postId) {
    return ContentService.createTextOutput("Missing Post ID");
  }
  var data = sheet.getDataRange().getValues();
  var found = false;
  for (var i = 1; i < data.length; i++) {
    if (data[i][0] == postId) {
      var newCount = data[i][1] + 1;
      sheet.getRange(i+1, 2).setValue (newCount);
      found = true;
      return ContentService.createTextOutput(newCount.toString());
    }
  }
  if (!found) {
    sheet.appendRow([postId,1]);
    return ContentService.createTextOutput("1");
  }
}

1. Your_Sheet_Name နေရာတွင်မိမိ SheetName ထည့်ပေးပါ

1. မိမိ blog site dashboard ထဲက Theme ကိုနှိပ်
2. Edit HTML ကိုနှိပ်ပါ
3. <data.post.body/> ရှာပါ(သတိ - template တခုနှင့်တစ်ခုမတူသဖြင့် <data.post.body/> သည်တခုထက်ပို၍ရှိနိုင်သည်။နောက်ဆုံး <data.post.body/> အောက်တွင် အောက်က code ကို copy ယူ၍ထည့်ပါ

 <div class='post-views' expr:id='"view-counter-"+ data:post.id'>
  Loading...
</div>
<script>//<![CDATA[                  
(function() {
var postId = "<data:post.id/>";
var el = document.getElementById('view-counter-' + postId);
fetch('Your_Web_App_Link_Here?id=' + postId)
      .then(res => res.text())
      .then(count => {
        el.innerText = "Views: " + count;
      })
      .catch(() => {
        el.innerText = "Views: 0";
      });
  })();
//]]></script>

1. Your_Web_App_Link_Here နေရာမှာမိမိ Web app link ထည့်ပေးပါ

1. Save နှိပ်ပြီးပါပြီ

blog post view အရေအတွက်အားကြည့်ရှုရန်မိမိဖန်တီးထားတဲ့ google sheet project link ကိုနှိပ်၍သွားရောက်ကြည့်ရှုနိုင်ပါတယ်