How to enable the SafeLink feature

ShortLink pada template blogger merupakan fitur yang cukup sering digunakan, untuk itu APMODY juga menyediakan kemudahan dalam instalasi ShortLink dan SafeLink diblog.

Bloggers and blog users are certainly familiar with the names ShortLink and Safelink. SafeLink is generally used to hide or secure the original link by bypassing one or more pages that are created in such a way that visitors can later access the destination URL or original link.

And the main goal for bloggers to install SafeLink on blogs is to increase income from advertising. Especially for those who create downloadable content, it is very helpful in increasing advertising income on their blog.

To create a SafeLink on a blog, it has actually been widely spread on the internet, but most of the tutorials provided are very complicated for beginners, especially those who don't understand coding. For this reason, APMODY provides convenience in installing SafeLink on blogs. We also combine the ShortLink feature in it, so you can easily manage or share the results of this safelink generated URL.

---

Create ShortLinks on blogs

To enable the ShortLink feature, you need a Firebase project from Google utilizing the Dynamic Links service. here are the steps:

If you already have a Firebase project, you can immediately jump to step 6.

1. visit the Firebase console page.
2. create a new project, by clicking the Add project menu.
3. in the Project name input form, fill in the name of your project and follow the existing naming rules, then click Continue.
4. in the Enable Google Analytics for this project section you can deactivate it, because at this time we don't need it. so just click Create project.
5. wait a few moments, and the project has been successfully created.
6. open your project, then pay attention to the start page or overview where there is a statement Get started by adding Firebase to your app. click the </> icon for Web.
7. in the App nickname input form in the Add Firebase to your web app > Register app popup, enter the app nickname according to your wishes. then click Register app and wait a moment.
8. at the Add Firebase SDK stage, select the Use a <script> option.
9. pay attention to the script settings below, copy and save the value of the key object apiKey. you will need it for the settings in the blog widget.
10. click Continue to console. You will be redirected to the overview page again.
11. look for and click the Engage dropdown menu, select Dynamic Links.
12. click the Continue anyway button. The Add URL prefix popup will appear.
13. at the Create checklist stage / check Continue Anyway, then click the Continue button.
14. in the Configure stage, enter the Domain input column, fill in the domain name you want. You can use the free subdomain page.link from Firebase, for example: domainname.page.link. then click Continue.
15. if successful, save the domain name that was created earlier for widget configuration needs on the blog. then click Finish.
16. creating already ShortLink is complete. continue to settings on Blogger.

---

How to enable the SafeLink widget

following are the steps to activate the shortlink and safelink features in the template:

1. go to Blogger Dashboard, select the Theme.
2. click the Customize button, you will be directed to the blogger customization page.
3. In the sidebar, scroll down until you find the Advanced dropdown menu, then click.
4. Make sure it is in the Features menu group, then look for the SafeLink (Enable/Disable) feature option.
   Information: 1 to enable, and 2 to disable the feature.
5. Save settings by clicking the icon .

---

Create a SafeLink page

This page is used to set some configurations when the safelink URL is first visited. Existing settings such as: random posts, safelink content, advertisements and others can simply be configured on this page. here are the steps:

1. go to Blogger Dashboard, select the Page menu.
2. click the button New Page which is right under the blog name.
3. fill in the title as you wish, this will influence the naming of the page URL.
4. Enter the content or body of the page with the contents of the Go Safelink.txt file in the page folder of the template you have obtained.
5. before publishing, you can adjust the following rules:

   const _dSf = {
     rdm: true,
     mrs: 20,
     oby: "updated",
     tmo: 3,
     cps: ["link_post_1", "link_post_2", "link_post_3"],
     dad: "url_direct_ad",
   };

   Information:

   1. random automatic posting from the blogger feed, true to enable, and false to disable (using the custom random posting array in number 5).
   2. the number of posts to be randomized.
   3. random posts are sorted by published or updated date.
   4. button wait time appears.
   5. custom random post, fill in the post link you want to randomize. You can also use blog post links from post link references on search engines like Google. To activate this custom random, you must disable automatic random by setting the value rdm number 1 to false.
   6. fill in the direct ad link, you can replace it with any link you want, or deactivate it by leaving the dad value blank.

   const cfSF = {
     el: "#postBody",
     po: "afterbegin",
     tm: 20,
     po2: "beforeend",
     tm2: 15,
     vsc: 70,
     adT: { e: "#adTop", p: "afterend" },
     adB: { e: "#adBot", p: "beforebegin" },
     dad: "url_direct_ad",
     css: `css_code`,
     cnt: [`...`, `...`, `...`],
   };

   Information:

   1. selector element where safelink content will be displayed.
   2. place the contents of step-1 SafeLink in the post body selector. afterbegin (first-child of element number 1)
   3. waiting time (seconds) step-1 (progress bar).
   4. place the contents of step-2 SafeLink in the post body selector. beforeend (last-child of element number 1)
   5. waiting time (seconds) step-2 (button).
   6. minimum page scrolling height to fulfill step-2 requirements.
   7. ad selector for step-1.
   8. ad placement in step-1, afterend (after step-1 content).
   9. ad selector for step-2.
   10. ad placement in step-2, beforebegin (before the step-2 button).
   11. fill in the direct ad link, you can replace it with any link you want, or deactivate it by leaving the dad value blank.
   12. CSS code in the SafeLink post, you can customize the style.
   13. content in SafeLink posts, you can change as you wish. see the details on the code page.
6. if the settings have been adjusted, click Publish.
7. Don't forget to save the page link you just created, because you will need it for the SafeLink widget configuration.

---

How to configure the SafeLink widget

After activating SafeLink in the template, you need to make some settings in the settings widget. Follow these steps:

1. go to Blogger Dashboard, select the Layout.
2. scroll down until you find the APMODY Settings section.
3. click edit on the SafeLink widget, a widget configuration pop up will appear.
4. adjust the settings below:

   "domain": "https://domain.page.link",
   "key": "app_web_api_key",
   "page": "/p/gosf.html",
   "prm": "sf"

   Information:

   1. adjust it to the Dynamic Links domain name that you have created.
   2. replace it with the apiKey from your Firebase Web app project.
   3. fill in the SafeLink page link that was previously created.
   4. name SafeLink URL parameters, set as you wish.
5. Make sure the Show this widget toggle switch is active, then click Save.

---

Create a SafeLink generate page

To create a SafeLink or ShortLink url, you need a generate form. Following are the steps to create the page.

1. go to Blogger Dashboard, select the Page menu.
2. click the button New Page which is right under the blog name.
3. fill in the title according to your wishes.
4. enter the content or body of the page with the contents of the Safelink.txt file in the page folder of the template you have obtained.
5. then click Publish, and SafeLink creation is complete.

you can try the SafeLink generator form here, or visit the example safelink url this.

Related Post