How to enable Realtime Views Counter

Easy steps to Enable Realtime Post Views Counter in Flashes Pro v1.0.

Most welcome to Finestap Design!

Finestap Design | Realtime Views

If you would like to enable it on your Blog, follow these simple steps to get started.

Requirements

1. Firebase Account
2. Plus UI v2.6 Template

Enabling Views Count

Step 1: First of all create a project in Firebase.

Step 2: Create Database for your Project.

{
  "rules": {
    ".read": true,
    "BlogID_0000000000000000000": {
      ".read": true,
      "$post_id": {
        ".write": "newData.exists() && (data.exists() ? newData.val() == data.val() + 1 : newData.val() == 1)",
        ".validate": "newData.isNumber() && newData.val() % 1 === 0.0 && newData.val() <= 99999999"
      }
    }
  }
}

For Multiple Blogs:

{
  "rules": {
    ".read": true,
    "BlogID_0000000000000000000": {
      ".read": true,
      "$post_id": {
        ".write": "newData.exists() && (data.exists() ? newData.val() == data.val() + 1 : newData.val() == 1)",
        ".validate": "newData.isNumber() && newData.val() % 1 === 0.0 && newData.val() <= 99999999"
      }
    },
    "BlogID_0000000000000000000": {
      ".read": true,
      "$post_id": {
        ".write": "newData.exists() && (data.exists() ? newData.val() == data.val() + 1 : newData.val() == 1)",
        ".validate": "newData.isNumber() && newData.val() % 1 === 0.0 && newData.val() <= 99999999"
      }
    },
    "BlogID_0000000000000000000": {
      ".read": true,
      "$post_id": {
        ".write": "newData.exists() && (data.exists() ? newData.val() == data.val() + 1 : newData.val() == 1)",
        ".validate": "newData.isNumber() && newData.val() % 1 === 0.0 && newData.val() <= 99999999"
      }
    }
  }
}

Don't forget to replace the marked parts with your Blogs' ID.

Step 4: Copy the Database URL.

Step 5: Go to Theme HTML Editor.

Step 6: Find the following codes:

realViews: {
  databaseUrl: "",
  abbreviation: "false"
}

Step 7: Paste your Database URL, it will look something like following:

realViews: {
  databaseUrl: "https://example-rtdb.firebaseio.com",
  abbreviation: "false"
}

Step 8: Save Changes and refresh your Blog Page.

Showing Abbreviated Views Count

If you would like to display the views counts in Abbreviated numbers, i.e. 67.89K instead of 67894, you just need to follow simple steps.

Step 1: Find the following codes by going to Theme HTML Editor:

realViews: {
  databaseUrl: "",
  abbreviation: "false"
}

Step 2: Replace false with true as shown below:

Don't make any changes if it is already true.

realViews: {
  databaseUrl: "",
  abbreviation: "true"
}

Step 3: Save Changes and refresh your Blog Page.

Contacting Us

Feel free to contact us through Contact Page or reach us on Telegram (@tnv_u) if you are facing any problem while following the steps described above.

Go to Link