How to enable the SafeLink feature

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.

visit the Firebase console page.
create a new project, by clicking the Add project menu.
in the Project name input form, fill in the name of your project and follow the existing naming rules, then click Continue.
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.
wait a few moments, and the project has been successfully created.
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.
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.
at the Add Firebase SDK stage, select the Use a <script> option.
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.
click Continue to console. You will be redirected to the overview page again.
look for and click the Engage dropdown menu, select Dynamic Links.
click the Continue anyway button. The Add URL prefix popup will appear.
at the Create checklist stage / check Continue Anyway, then click the Continue button.
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.
if successful, save the domain name that was created earlier for widget configuration needs on the blog. then click Finish.
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:

go to Blogger Dashboard, select the Theme.
click the Customize button, you will be directed to the blogger customization page.
In the sidebar, scroll down until you find the Advanced dropdown menu, then click.
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.
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:

go to Blogger Dashboard, select the Page menu.
click the button New Page which is right under the blog name.
fill in the title as you wish, this will influence the naming of the page URL.
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.
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.
if the settings have been adjusted, click Publish.
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:

go to Blogger Dashboard, select the Layout.
scroll down until you find the APMODY Settings section.
click edit on the SafeLink widget, a widget configuration pop up will appear.
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.
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.

go to Blogger Dashboard, select the Page menu.
click the button New Page which is right under the blog name.
fill in the title according to your wishes.
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.
then click Publish, and SafeLink creation is complete.

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

Bagi para blogger dan pengguna blog pastinya sudah tidak asing lagi dengan namanya ShortLink dan Safelink. SafeLink umumnya digunakan untuk menyembunyikan atau mengamankan tautan asli dengan cara melewati satu atau beberapa halaman yang dibuat sedemikian rupa agar nantinya pengunjung bisa mengakses URL tujuan atau tautan aslinya.

Dan tujuan utama bagi para blogger memasang SafeLink di blog yaitu untuk meningkatkan penghasilan dari iklan. Apalagi untuk mereka yang membuat konten download, itu sangat membantu dalam menaikan penghasilan iklan di blognya.

Untuk membuat SafeLink di blog sebenarnya sudah banyak tersebar di internet, namun kebanyakan tutorial yang diberikan begitu rumit pagi para pemula, apalagi yang tidak paham dengan koding. Untuk itu APMODY menyediakan kemudahan dalam instalasi SafeLink pada blog. Kami juga menggabungkan fitur ShortLink didalamnya, sehingga Anda bisa dengan mudah mengelola atau membagikan hasil generate url safelink ini.

Membuat ShortLink di blog

Untuk mengaktifkan fitur ShortLink, Anda membutuhkan project Firebase dari Google memanfaatkan layanan Dynamic Links. berikut langkah-langkahnya:

Jika sebelumnya Anda sudah memiliki project Firebase, bisa langsung lompat ke langkah 6.

kunjungi halaman Firebase console.
buatlah sebuah project baru, dengan cara klik menu Add project.
pada form input Project name isi dengan nama project Anda dan ikuti aturan penamaan yang ada, kemudian klik Contunue.
di bagian Enable Google Analytics for this project Anda bisa nonaktifkan, karena saat ini kita tidak membutuhkannya. jadi langsung saja klik Create project.
tunggu beberapa saat, dan project berhasil dibuat.
buka project Anda, lalu perhatikan dihalaman awal atau overview ada keterangan Get started by adding Firebase to your app. klik ikon </> untuk Web.
pada form input App nickname di popup Add Firebase to your web app > Regiter app, masukkan nickname app sesuai keinginan Anda. lalu klik Register app dan tunggu beberapa saat.
pada tahap Add Firebase SDK, pilih opsi Use a <script>.
perhatikan pengaturan script yang ada dibawahnya, salin dan simpan nilai dari key object apiKey. itu akan Anda butuhkan untuk pengaturan di widget blog.
klik Continue to console. Anda akan kembali dialihkan ke halaman overview.
cari dan klik menu dropdown Engage, pilih Dynamic Links.
klik tombol Continue anyway. akan muncul popup Add URL prefix.
pada tahap Create checklist / centang Continue Anyway, lalu klik tombol Continue.
di tahap Configure kolom input Domain, isi dengan nama domain yang Anda inginkan. Anda bisa menggunkan subdomain gratis page.link dari Firebase, contoh: namadomain.page.link. kemudian klik Continue.
Jika berhasil, simpan nama domain yang sudah dibuat tadi untuk kebutuhan konfigurasi widget di blog. lalu klik Finish.
membuat sudah ShortLink selesai. lanjut ke pengaturan di blogger.

Cara mengaktifkan widget SafeLink

berikut langkah untuk mengaktifkan fitur shortlink dan safelink pada template:

masuk ke Dashboard Blogger, pilih menu Tema.
klik tombol Sesuaikan, Anda akan diarahkan ke halaman kustomisasi blogger.
pada sidebar, scroll kebawah sampai menemukan menu dropdown Lanjutkan, lalu klik.
pastikan berada di grup menu Features, kemudian cari opsi fitur SafeLink (Enable/Disable).
Keterangan: 1 untuk mengaktifkan, dan 2 untuk menonaktifkan fitur.
Simpan pengaturan dengan cara klik ikon .

Membuat halaman SafeLink

Halaman ini digunakan untuk mengatur beberapa konfigurasi saat URL safelink pertaman dikunjungi. Pengaturannya yang ada seperti: postingan random, konten safelink, iklan dan lainnya cukup di konfigurasi dihalaman ini. berikut langkahnya:

masuk ke Dashboard Blogger, pilih menu Halaman.
Klik tombol Halaman Baru yang berada tepat dibawah nama blog.
isi judul sesuai yang Anda inginkan, ini akan mempengaruh penamaan URL halaman.
masukkan konten atau body halaman dengan isi file Go Safelink.txt yang ada di folder page dari template yang sudah Anda dapatkan.
sebelum di publikasikan, Anda bisa menyesuikan beberapa pengaturan berikut:
```
const _dSf = {
  rdm: true,
  mrs: 20,
  oby: "updated",
  tmo: 3,
  cps: ["link_post_1", "link_post_2", "link_post_3"],
  dad: "url_direct_ad",
};
```
Keterangan:
1. random postingan otomatis dari feed blogger, true untuk mengaktifkan, dan false untuk menonaktifkan (menggunakan kustom random postingan array di nomor 5).
2. jumlah postingan yang akan dirandom.
3. random postingan diurutkan berdasarkan tanggal published atau updated.
4. waktu tunggu tombol muncul.
5. kustom random postingan, isi dengan tautan postingan yang ingin dirandom. Anda bisa juga menggunakan tautan postingan blog dari referensi tautan postingan di mesin pencari seperti Google. untuk mengaktifkan kustom random ini, Anda harus menonaktifkan random otomatis dengan cara memberikan nilai rdm nomor 1 menjadi false.
6. isi tautan iklan langsung (direct ads), Anda bisa mengganti dengan tautan apapun yang anda inginkan, atau menonaktifkan dengan mengosongkan nilai dad.
```
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: [`...`, `...`, `...`],
};
```
Keterangan:
1. selector element dimana konten safelink akan ditampilkan.
2. menempatkan konten step-1 SafeLink di selector post body. afterbegin (first-child dari element nomor 1)
3. waktu tunggu (detik) step-1 (progress bar).
4. menempatkan konten step-2 SafeLink di selector post body. beforeend (last-child dari element nomor 1)
5. waktu tunggu (detik) step-2 (tombol).
6. tinggi minimal scrolling halaman untuk memenuhi syarat step-2.
7. selector iklan untuk step-1.
8. penempatan iklan di step-1, afterend (setelah konten step-1).
9. selector iklan untuk step-2.
10. penempatan iklan di step-2, beforebegin (sebelum tombol step-2).
11. isi tautan iklan langsung (direct ads), Anda bisa mengganti dengan tautan apapun yang anda inginkan, atau menonaktifkan dengan mengosongkan nilai dad.
12. kode css di postingan SafeLink, style bisa Anda kustom.
13. konten di postingan SafeLink, Anda bisa mengubah sesuai keinginan. lihat detailnya dikode halaman.
jika pengaturan sudah disesuaikan, klik Publikasikan.
jangan lupa simpan tautan halaman yang baru saja dibuat, karena akan Anda butuhkan untuk konfigurasi widget SafeLink.

Cara mengonfigurasi widget SafeLink

Setelah mengaktifkan SafeLink di template, Anda perlu melakukan beberapa pengaturan di widget setting. Ikuti langkah berikut:

masuk ke Dashboard Blogger, pilih menu Tata Letak.
scroll kebawah sampai menemukan section APMODY Settings.
klik edit pada widget SafeLink, akan muncul pop up konfigurasi widget.
sesuaikan pengaturan dibawah:
```
"domain": "https://domain.page.link",
"key": "app_web_api_key",
"page": "/p/gosf.html",
"prm": "sf"
```
Keterangan:
1. sesuaikan dengan nama domain Dynamic Links yang sudah Anda buat.
2. ganti dengan apiKey yang dari Web app project Firebase Anda.
3. isi dengan tautan halaman SafeLink yang sebelumnya sudah dibuat.
4. nama parameter URL SafeLink, atur sesuai keinginan Anda.
pastikan pada toogle switch Tampilkan widget ini sudah aktif, lalu klik Simpan.

Membuat halaman generate SafeLink

Untuk membuat url SafeLink atau ShortLink, Anda membutuhkan form generate. berikut langkah membuat halaman tersebut.

masuk ke Dashboard Blogger, pilih menu Halaman.
Klik tombol Halaman Baru yang berada tepat dibawah nama blog.
isi judul sesuai inginkan Anda.
masukkan konten atau body halaman dengan isi file Safelink.txt yang ada di folder page dari template yang sudah Anda dapatkan.
kemudian klik Publikasikan, dan pembuatan SafeLink sudah selesai.