Optimasi Conversion Rate dengan Coding Sederhana: Strategi Praktis 2025+

Di era digital yang semakin kompetitif, optimasi conversion rate (CRO) telah bergeser dari sekadar teori marketing menjadi disiplin yang memadukan psikologi, data, dan teknologi. Tren terbaru di tahun 2025 menunjukkan bahwa pendekatan "one-size-fits-all" sudah tidak lagi efektif. Personalisasi mikro dan interaksi berbasis performa menjadi kunci. Kabar baiknya, Anda tidak selalu memerlukan platform mahal atau tim developer besar untuk mencapainya. Dengan pemahaman coding sederhana—HTML, CSS, dan JavaScript dasar—Anda dapat mengimplementasikan perubahan signifikan yang langsung berdampak pada konversi. Artikel ini akan memandu Anda melalui teknik-teknik coding praktis yang relevan untuk diterapkan hari ini dan tetap berharga di masa depan, berfokus pada kecepatan, pengalaman pengguna, dan data-driven decision.

Mengapa Coding Sederhana adalah Game Changer untuk CRO?

Banyak tools CRO modern menawarkan antarmuka drag-and-drop yang mudah, namun seringkali memiliki keterbatasan: menambah berat halaman, kurang fleksibel, atau bergantung pada vendor. Menguasai coding dasar memberikan kendali penuh. Anda dapat membuat perubahan yang ringan, cepat dimuat, dan sangat spesifik tanpa biaya tambahan. Di 2025, dengan meningkatnya kesadaran akan Core Web Vitals dan privasi data, kemampuan untuk mengoptimalkan secara mandiri menjadi aset berharga. Anda bisa bereksperimen, menguji, dan mengimplementasikan solusi tepat sasaran langsung ke dalam kode sumber website Anda.

Teknik Coding Praktis untuk Meningkatkan Konversi

Berikut adalah area-area kritis di mana sedikit kode dapat menghasilkan peningkatan konversi yang besar. Teknik ini dirancang untuk bertahan melampaui tren sesaat.

1. Optimasi Kecepatan dan Performa Loading

Kecepatan adalah konversi. Penundaan satu detik dapat menurunkan konversi hingga 7%. Di 2025, standar semakin tinggi dengan pengalaman pengguna yang instan.

Lazy Loading Gambar dan Video: Gunakan atribut `loading="lazy"` pada tag `` dan ``. Ini memastikan media hanya dimuat saat diperlukan, mempercepat initial load time.</li> <li><strong>Minifikasi CSS & JavaScript Inline:</strong> Untuk kode kecil yang kritis (seperti CSS untuk konten di atas fold), sisipkan langsung di `<head>` untuk menghindari render-blocking. Gunakan tool online untuk minifikasi kode yang lebih besar.</li> <li><strong>Optimasi Font Web:</strong> Gunakan `font-display: swap;` di CSS Anda. Ini akan menampilkan teks dengan font sistem terlebih dahulu, lalu menukarnya dengan font web saat sudah dimuat, menghilangkan "flash of invisible text" (FOIT).</li> </ul> <h3>2. Meningkatkan Interaksi dengan Formulir yang Cerdas</h3> <p>Formulir adalah titik konversi paling kritis. Pengalaman yang buruk di sini langsung menghalangi lead.</p> <ul> <li><strong>Validasi Real-time yang Ramah:</strong> Gunakan JavaScript untuk memberikan feedback langsung, bukan setelah submit. Contoh: tampilkan centang hijau saat format email benar, atau pesan spesifik saat kata sandi terlalu lemah.</li> <li><strong>Auto-focus dan Navigasi dengan Keyboard:</strong> Tambahkan atribut `autofocus` pada field pertama. Pastikan pengguna dapat berpindah field dengan tombol Tab menggunakan pengurutan `tabindex` yang logis.</li> <li><strong>Progress Indicator untuk Form Panjang:</strong> Tambahkan bar progres sederhana dengan HTML `<progress>` element dan update nilainya dengan JavaScript setiap kali pengguna berpindah section. Ini mengurangi tingkat abandon.</li> </ul> <h3>3. Call-to-Action (CTA) yang Lebih Menarik dan Personal</h3> <p>CTA yang statis dan generik sudah ketinggalan zaman. Personalisasi dinamis adalah standar baru.</p> <ul> <li><strong>Dynamic CTA Text Berdasarkan Waktu:</strong> Gunakan JavaScript `Date()` untuk mengubah teks CTA. Misal, "Pesan Sekarang dan Dapatkan Bonus Pagi!" sebelum jam 12, atau "Selesaikan Hari Anda dengan Penawaran Spesial!" di sore hari.</li> <li><strong>Perubahan Warna Berbasis Interaksi Pengguna:</strong> Tambahkan efek CSS `:hover` dan `:focus` yang menonjol, serta pertimbangkan perubahan warna tombol secara halus (`transition`) saat diklik untuk memberikan umpan balik taktil.</li> <li><strong>Penempatan Sticky CTA pada Scroll:</strong> Buat CTA yang mengikuti pengguna (sticky) dengan CSS `position: fixed;` dan sedikit JavaScript untuk menampilkannya setelah pengguna scroll tertentu, tanpa mengganggu navigasi.</li> </ul> <h3>4. Implementasi Exit-Intent Popup yang Ringan</h3> <p>Exit-intent popup tetap efektif, tetapi implementasi yang berat dapat merusak pengalaman. Bangun sendiri yang lebih ringan.</p> <ul> <li><strong>Deteksi Gerakan Mouse dengan JavaScript:</strong> Gunakan event listener `mouseleave` untuk mendeteksi ketika kursor pengguna meninggalkan jendela browser. Kode ini jauh lebih efisien daripada library pihak ketiga yang besar.</li> <li><strong>Popup dengan HTML dan CSS Murni:</strong> Buat struktur popup dalam HTML dan stylle dengan CSS (dengan `display: none;` awalnya). Tampilkan dengan JavaScript hanya jika trigger terpenuhi. Ini lebih cepat daripada memuat iframe atau script eksternal.</li> <li><strong>Penawaran yang Relevan:</strong> Isi popup dengan kode yang menampilkan konten dinamis, seperti "Tertarik dengan [Nama Produk yang Dilihat]?" menggunakan JavaScript untuk mengambil data dari halaman.</li> </ul> <h2>Prinsip CRO Coding untuk Masa Depan (Beyond 2025)</h2> <p>Agar investasi waktu Anda belajar coding ini tetap relevan, berpegang teguh pada prinsip-prinsip ini:</p> <ul> <li><strong>Aksesibilitas adalah Dasar, Bisa Pilihan:</strong> Kode yang dapat diakses (semantik HTML, ARIA labels, kontras warna) tidak hanya baik untuk SEO dan kepatuhan hukum, tetapi juga memperluas audiens potensial Anda. Ini adalah prinsip masa depan yang tak terbantahkan.</li> <li><strong>Data-Driven, Bukan Asumsi:</strong> Selalu uji perubahan Anda dengan A/B testing. Gunakan snippet JavaScript sederhana untuk mengarahkan sebagian traffic ke varian baru, atau manfaatkan Google Optimize. Tanpa data, kode hanyalah tebakan.</li> <li><strong>Modular dan Mudah Dirawat:</strong> Tulis kode Anda dengan rapi, beri komentar, dan pisahkan berdasarkan fungsi. Ini memudahkan Anda atau developer lain untuk memperbarui, men-debug, dan mengulang eksperimen di masa depan.</li> <li><strong>Privasi oleh Desain:</strong> Dengan regulasi privasi yang semakin ketat, pastikan skrip pelacakan atau pengumpulan data apa pun yang Anda tambah transparan dan sesuai dengan persetujuan pengguna. Hindari ketergantungan berlebihan pada cookie pihak ketiga.</li> </ul> <h2>Langkah Memulai: Membangun Mindset Developer-Marketer</h2> <p>Anda tidak perlu menjadi full-stack developer. Mulailah dengan langkah-langkah kecil:</p> <ol> <li><strong>Pelajari Dasar-Dasarnya:</strong> Pahami HTML (struktur), CSS (tampilan), dan JavaScript (interaksi) tingkat dasar. Banyak sumber gratis seperti MDN Web Docs atau freeCodeCamp.</li> <li><strong>Gunakan Browser DevTools:</strong> Tekan F12 di browser Anda. Ini adalah laboratorium CRO Anda. Anda dapat mengedit kode langsung di browser untuk melihat pratinjau perubahan sebelum menerapkannya ke live site.</li> <li><strong>Mulai dengan Eksperimen Kecil:</strong> Ubah warna sebuah tombol, tambahkan placeholder yang lebih jelas pada formulir, atau implementasikan lazy loading pada gambar di blog. Ukur dampaknya.</li> <li><strong>Backup Selalu dan Gunakan Staging:</strong> Selalu backup website Anda sebelum membuat perubahan kode langsung. Lebih baik lagi, gunakan environment staging atau development untuk menguji.</li> </ol> <p>Optimasi conversion rate dengan coding sederhana adalah tentang empowerment. Di tahun 2025 dan seterusnya, kemampuan untuk secara cepat beriterasi, menyesuaikan pengalaman pengguna, dan mengoptimalkan setiap elemen berdasarkan data langsung dari kode akan menjadi pembeda utama antara bisnis yang stagnan dan yang terus tumbuh. Dengan memadukan kreativitas marketing dengan logika coding, Anda membuka potensi konversi yang lebih dalam, membangun website yang lebih cepat dan ramah pengguna, serta mengambil kendali penuh atas nasib digital Anda. Mulailah dengan satu teknik hari ini, ukur hasilnya, dan teruslah membangun.</p> </article> </div><span id="text_block-64-55" class="ct-text-block tagtag" ><span id="span-65-55" class="ct-span" ><a href="https://marketingampuh.com/blog/category/coding/" rel="tag">Coding</a></span><br></span><div id="div_block-74-55" class="ct-div-block" > <div id="_comments-72-55" class="oxy-comments" > <div class="wpdiscuz_top_clearing"></div> <div id='comments' class='comments-area'><div id='respond' style='width: 0;height: 0;clear: both;margin: 0;padding: 0;'></div> <div id="wpdcom" class="wpdiscuz_unauth wpd-default wpdiscuz_no_avatar wpd-layout-2 wpd-comments-open"> <div class="wc_social_plugin_wrapper"> </div> <div class="wpd-form-wrap"> <div class="wpd-form-head"> <div class="wpd-sbs-toggle"> <i class="far fa-envelope"></i> <span class="wpd-sbs-title">Subscribe</span> <i class="fas fa-caret-down"></i> </div> <div class="wpd-auth"> <div class="wpd-login"> </div> </div> </div> <div class="wpdiscuz-subscribe-bar wpdiscuz-hidden"> <form action="https://marketingampuh.com/wp-admin/admin-ajax.php?action=wpdAddSubscription" method="post" id="wpdiscuz-subscribe-form"> <div class="wpdiscuz-subscribe-form-intro">Notify of </div> <div class="wpdiscuz-subscribe-form-option" style="width:40%;"> <select class="wpdiscuz_select" name="wpdiscuzSubscriptionType"> <option value="post">new follow-up comments</option> <option value="all_comment" disabled>new replies to my comments</option> </select> </div> <div class="wpdiscuz-item wpdiscuz-subscribe-form-email"> <input class="email" type="email" name="wpdiscuzSubscriptionEmail" required="required" value="" placeholder="Email"/> </div> <div class="wpdiscuz-subscribe-form-button"> <input id="wpdiscuz_subscription_button" class="wpd-prim-button wpd_not_clicked" type="submit" value="&rsaquo;" name="wpdiscuz_subscription_button"/> </div> <input type="hidden" id="wpdiscuz_subscribe_form_nonce" name="wpdiscuz_subscribe_form_nonce" value="39af66600c" /><input type="hidden" name="_wp_http_referer" value="/blog/optimasi-conversion-rate-dengan-coding-sederhana/" /> </form> </div> <div class="wpd-form wpd-form-wrapper wpd-main-form-wrapper" id='wpd-main-form-wrapper-0_0'> <form method="post" enctype="multipart/form-data" data-uploading="false" class="wpd_comm_form wpd_main_comm_form" > <div class="wpd-field-comment"> <div class="wpdiscuz-item wc-field-textarea"> <div class="wpdiscuz-textarea-wrap "> <div id="wpd-editor-wraper-0_0" style="display: none;"> <div id="wpd-editor-char-counter-0_0" class="wpd-editor-char-counter"></div> <label style="display: none;" for="wc-textarea-0_0">Label</label> <textarea id="wc-textarea-0_0" name="wc_comment" class="wc_comment wpd-field"></textarea> <div id="wpd-editor-0_0"></div> <div id="wpd-editor-toolbar-0_0"> <button title="Bold" class="ql-bold" ></button> <button title="Italic" class="ql-italic" ></button> <button title="Underline" class="ql-underline" ></button> <button title="Strike" class="ql-strike" ></button> <button title="Ordered List" class="ql-list" value='ordered' ></button> <button title="Unordered List" class="ql-list" value='bullet' ></button> <button title="Blockquote" class="ql-blockquote" ></button> <button title="Code Block" class="ql-code-block" ></button> <button title="Link" class="ql-link" ></button> <button title="Source Code" class="ql-sourcecode" data-wpde_button_name='sourcecode'>{}</button> <button title="Spoiler" class="ql-spoiler" data-wpde_button_name='spoiler'>[+]</button> <div class="wpd-editor-buttons-right"> <span class='wmu-upload-wrap' wpd-tooltip='Attach an image to this comment' wpd-tooltip-position='left'><label class='wmu-add'><i class='far fa-image'></i><input style='display:none;' class='wmu-add-files' type='file' name='wmu_files' accept='image/*'/></label></span> </div> </div> </div> </div> </div> </div> <div class="wpd-form-foot" style='display:none;'> <div class="wpdiscuz-textarea-foot"> <div class="wpdiscuz-button-actions"><div class='wmu-action-wrap'><div class='wmu-tabs wmu-images-tab wmu-hide'></div></div></div> </div> <div class="wpd-form-row"> <div class="wpd-form-col-left"> <div class="wpdiscuz-item wc_name-wrapper wpd-has-icon"> <div class="wpd-field-icon"><i class="fas fa-user"></i> </div> <input id="wc_name-0_0" value="" required='required' aria-required='true' class="wc_name wpd-field" type="text" name="wc_name" placeholder="Name*" maxlength="50" pattern='.{3,50}' title=""> <label for="wc_name-0_0" class="wpdlb">Name*</label> </div> <div class="wpdiscuz-item wc_email-wrapper wpd-has-icon"> <div class="wpd-field-icon"><i class="fas fa-at"></i> </div> <input id="wc_email-0_0" value="" required='required' aria-required='true' class="wc_email wpd-field" type="email" name="wc_email" placeholder="Email*"/> <label for="wc_email-0_0" class="wpdlb">Email*</label> </div> <div class="wpdiscuz-item wc_website-wrapper wpd-has-icon"> <div class="wpd-field-icon"><i class="fas fa-link"></i> </div> <input id="wc_website-0_0" value="" class="wc_website wpd-field" type="text" name="wc_website" placeholder="Website"/> <label for="wc_website-0_0" class="wpdlb">Website</label> </div> </div> <div class="wpd-form-col-right"> <div class="wc-field-submit"> <input id="wpd-field-submit-0_0" class="wc_comm_submit wpd_not_clicked wpd-prim-button" type="submit" name="submit" value="Post Comment" aria-label="Post Comment"/> </div> </div> <div class="clearfix"></div> </div> </div> <input type="hidden" class="wpdiscuz_unique_id" value="0_0" name="wpdiscuz_unique_id"> </form> </div> <div id="wpdiscuz_hidden_secondary_form" style="display: none;"> <div class="wpd-form wpd-form-wrapper wpd-secondary-form-wrapper" id='wpd-secondary-form-wrapper-wpdiscuzuniqueid' style='display: none;'> <div class="wpd-secondary-forms-social-content"></div> <div class="clearfix"></div> <form method="post" enctype="multipart/form-data" data-uploading="false" class="wpd_comm_form wpd-secondary-form-wrapper" > <div class="wpd-field-comment"> <div class="wpdiscuz-item wc-field-textarea"> <div class="wpdiscuz-textarea-wrap "> <div id="wpd-editor-wraper-wpdiscuzuniqueid" style="display: none;"> <div id="wpd-editor-char-counter-wpdiscuzuniqueid" class="wpd-editor-char-counter"></div> <label style="display: none;" for="wc-textarea-wpdiscuzuniqueid">Label</label> <textarea id="wc-textarea-wpdiscuzuniqueid" name="wc_comment" class="wc_comment wpd-field"></textarea> <div id="wpd-editor-wpdiscuzuniqueid"></div> <div id="wpd-editor-toolbar-wpdiscuzuniqueid"> <button title="Bold" class="ql-bold" ></button> <button title="Italic" class="ql-italic" ></button> <button title="Underline" class="ql-underline" ></button> <button title="Strike" class="ql-strike" ></button> <button title="Ordered List" class="ql-list" value='ordered' ></button> <button title="Unordered List" class="ql-list" value='bullet' ></button> <button title="Blockquote" class="ql-blockquote" ></button> <button title="Code Block" class="ql-code-block" ></button> <button title="Link" class="ql-link" ></button> <button title="Source Code" class="ql-sourcecode" data-wpde_button_name='sourcecode'>{}</button> <button title="Spoiler" class="ql-spoiler" data-wpde_button_name='spoiler'>[+]</button> <div class="wpd-editor-buttons-right"> <span class='wmu-upload-wrap' wpd-tooltip='Attach an image to this comment' wpd-tooltip-position='left'><label class='wmu-add'><i class='far fa-image'></i><input style='display:none;' class='wmu-add-files' type='file' name='wmu_files' accept='image/*'/></label></span> </div> </div> </div> </div> </div> </div> <div class="wpd-form-foot" style='display:none;'> <div class="wpdiscuz-textarea-foot"> <div class="wpdiscuz-button-actions"><div class='wmu-action-wrap'><div class='wmu-tabs wmu-images-tab wmu-hide'></div></div></div> </div> <div class="wpd-form-row"> <div class="wpd-form-col-left"> <div class="wpdiscuz-item wc_name-wrapper wpd-has-icon"> <div class="wpd-field-icon"><i class="fas fa-user"></i> </div> <input id="wc_name-wpdiscuzuniqueid" value="" required='required' aria-required='true' class="wc_name wpd-field" type="text" name="wc_name" placeholder="Name*" maxlength="50" pattern='.{3,50}' title=""> <label for="wc_name-wpdiscuzuniqueid" class="wpdlb">Name*</label> </div> <div class="wpdiscuz-item wc_email-wrapper wpd-has-icon"> <div class="wpd-field-icon"><i class="fas fa-at"></i> </div> <input id="wc_email-wpdiscuzuniqueid" value="" required='required' aria-required='true' class="wc_email wpd-field" type="email" name="wc_email" placeholder="Email*"/> <label for="wc_email-wpdiscuzuniqueid" class="wpdlb">Email*</label> </div> <div class="wpdiscuz-item wc_website-wrapper wpd-has-icon"> <div class="wpd-field-icon"><i class="fas fa-link"></i> </div> <input id="wc_website-wpdiscuzuniqueid" value="" class="wc_website wpd-field" type="text" name="wc_website" placeholder="Website"/> <label for="wc_website-wpdiscuzuniqueid" class="wpdlb">Website</label> </div> </div> <div class="wpd-form-col-right"> <div class="wc-field-submit"> <input id="wpd-field-submit-wpdiscuzuniqueid" class="wc_comm_submit wpd_not_clicked wpd-prim-button" type="submit" name="submit" value="Post Comment" aria-label="Post Comment"/> </div> </div> <div class="clearfix"></div> </div> </div> <input type="hidden" class="wpdiscuz_unique_id" value="wpdiscuzuniqueid" name="wpdiscuz_unique_id"> </form> </div> </div> </div> <div id="wpd-threads" class="wpd-thread-wrapper"> <div class="wpd-thread-head"> <div class="wpd-thread-info " data-comments-count="0"> <span class='wpdtc' title='0'>0</span> Comments </div> <div class="wpd-space"></div> <div class="wpd-thread-filter"> <div class="wpd-filter wpdf-reacted wpd_not_clicked wpdiscuz-hidden" wpd-tooltip="Most reacted comment"> <i class="fas fa-bolt"></i></div> <div class="wpd-filter wpdf-hottest wpd_not_clicked wpdiscuz-hidden" wpd-tooltip="Hottest comment thread"> <i class="fas fa-fire"></i></div> <div class="wpd-filter wpdf-sorting wpdiscuz-hidden"> <span class="wpdiscuz-sort-button wpdiscuz-date-sort-asc wpdiscuz-sort-button-active" data-sorting="oldest">Oldest</span> <i class="fas fa-sort-down"></i> <div class="wpdiscuz-sort-buttons"> <span class="wpdiscuz-sort-button wpdiscuz-date-sort-desc" data-sorting="newest">Newest</span> <span class="wpdiscuz-sort-button wpdiscuz-vote-sort-up" data-sorting="by_vote">Most Voted</span> </div> </div> </div> </div> <div class="wpd-comment-info-bar"> <div class="wpd-current-view"><i class="fas fa-quote-left"></i> Inline Feedbacks </div> <div class="wpd-filter-view-all">View all comments</div> </div> <div class="wpd-thread-list"> <div class="wpdiscuz-comment-pagination"> </div> </div> </div> </div> </div> <div id="wpdiscuz-loading-bar" class="wpdiscuz-loading-bar-unauth"></div> <div id="wpdiscuz-comment-message" class="wpdiscuz-comment-message-unauth"></div> </div> </div></div><div id="div_block-71-55" class="ct-div-block iksam" ><div id="div_block-50-637" class="ct-div-block iksam" ><div id="rekomendasi" class="ct-div-block" ><p id="text_block-4-641" class="ct-text-block" >Bacaan Rekomendasi</p> <div id="_posts_grid-5-641" class='oxy-easy-posts oxy-posts-grid' > <div class='oxy-posts'> <div class='oxy-post'> <a class='oxy-post-image' href='https://marketingampuh.com/blog/optimalkan-lokasi-di-instagram-strategi-promosi-untuk-bisnis-fisik/' aria-label='Optimalkan Lokasi di Instagram: Strategi Promosi untuk Bisnis Fisik'> <div class='oxy-post-image-fixed-ratio lazyload' data-bg='https://marketingampuh.com/wp-content/uploads/2025/04/10-04-2025-12-40-1-marketingampuh.com_.jpeg'> </div> </a> <div class='oxy-post-wrap'> <a class='oxy-post-title' href='https://marketingampuh.com/blog/optimalkan-lokasi-di-instagram-strategi-promosi-untuk-bisnis-fisik/'>Optimalkan Lokasi di Instagram: Strategi Promosi untuk Bisnis Fisik</a> </div> </div> <div class='oxy-post'> <a class='oxy-post-image' href='https://marketingampuh.com/blog/7-trik-optimasi-gambar-produk-agar-ditemukan-di-pencarian/' aria-label='7 Trik Optimasi Gambar Produk agar Ditemukan di Pencarian'> <div class='oxy-post-image-fixed-ratio lazyload' data-bg='https://marketingampuh.com/wp-content/uploads/2025/03/16-03-2025-00-27-1-marketingampuh.com_.jpeg'> </div> </a> <div class='oxy-post-wrap'> <a class='oxy-post-title' href='https://marketingampuh.com/blog/7-trik-optimasi-gambar-produk-agar-ditemukan-di-pencarian/'>7 Trik Optimasi Gambar Produk agar Ditemukan di Pencarian</a> </div> </div> </div> <div class='oxy-easy-posts-pages'> <span aria-current="page" class="page-numbers current">1</span> <a class="page-numbers" href="https://marketingampuh.com/blog/optimasi-conversion-rate-dengan-coding-sederhana/page/2/">2</a> <a class="page-numbers" href="https://marketingampuh.com/blog/optimasi-conversion-rate-dengan-coding-sederhana/page/3/">3</a> <span class="page-numbers dots">…</span> <a class="page-numbers" href="https://marketingampuh.com/blog/optimasi-conversion-rate-dengan-coding-sederhana/page/426/">426</a> <a class="next page-numbers" href="https://marketingampuh.com/blog/optimasi-conversion-rate-dengan-coding-sederhana/page/2/">Next »</a> </div> </div> </div><a id="" class="ct-link bannik" href="https://www.hantamo.com/vps/" target="_blank" rel="noopener" ><noscript><img alt="" src="https://marketingampuh.com/wp-content/uploads/2025/03/hantamo-x-marketingampuh-1.png" class="ct-image langsung"/></noscript><img id="image-60-412" alt="" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://marketingampuh.com/wp-content/uploads/2025/03/hantamo-x-marketingampuh-1.png" class="lazyload ct-image langsung"/><span id="text_block-4-666" class="ct-text-block" >IKLAN. hantamo.com<br></span></a></div></div></div></section><div id="div_block-75-55" class="ct-div-block" ><div id="text_block-78-55" class="ct-text-block" >share</div><a id="div_block-76-55" class="ct-link" href="https://www.twitter.com/share?url=https://marketingampuh.com/blog/optimasi-conversion-rate-dengan-coding-sederhana/" target="_blank" rel="noopener" ><div id="code_block-77-55" class="ct-code-block toms" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg></div></a><a id="link-81-55" class="ct-link " href="https://www.facebook.com/sharer/sharer.php?u=https://marketingampuh.com/blog/optimasi-conversion-rate-dengan-coding-sederhana/" target="_blank" rel="noopener" ><div id="code_block-82-55" class="ct-code-block toms" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/><title>facebook</title></svg></div></a><a id="link-83-55" class="ct-link" href="https://api.whatsapp.com/send?text=https://marketingampuh.com/blog/optimasi-conversion-rate-dengan-coding-sederhana/" target="_blank" rel="noopener" ><div id="code_block-84-55" class="ct-code-block toms" ><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Capa_1" x="0px" y="0px" viewBox="0 0 512.303 512.303" style="enable-background:new 0 0 512.303 512.303;" xml:space="preserve" class=""><g><path style="fill:#000" d="M256.014,0.134C114.629,0.164,0.038,114.804,0.068,256.189c0.01,48.957,14.059,96.884,40.479,138.1 L0.718,497.628c-2.121,5.496,0.615,11.671,6.111,13.792c1.229,0.474,2.534,0.717,3.851,0.715c1.222,0.006,2.435-0.203,3.584-0.619 l106.667-38.08c120.012,74.745,277.894,38.048,352.638-81.965s38.048-277.894-81.965-352.638 C350.922,13.495,303.943,0.087,256.014,0.134z" data-original="#000" class="" data-old_color="#000"></path><path style="fill:#90a4db" d="M378.062,299.889c0,0-26.133-12.8-42.496-21.333c-18.517-9.536-40.277,8.32-50.517,18.475 c-15.937-6.122-30.493-15.362-42.816-27.179c-11.819-12.321-21.059-26.877-27.179-42.816c10.155-10.261,27.968-32,18.475-50.517 c-8.427-16.384-21.333-42.496-21.333-42.517c-1.811-3.594-5.49-5.863-9.515-5.867h-21.333c-31.068,5.366-53.657,32.474-53.333,64 c0,33.493,40.085,97.835,67.115,124.885s91.371,67.115,124.885,67.115c31.526,0.324,58.634-22.266,64-53.333v-21.333 C384.018,305.401,381.71,301.686,378.062,299.889z" data-original="#000" class="active-path" data-old_color="#000"></path></g> </svg></div></a></div><section id="section-2-412" class=" ct-section" ><div class="ct-section-inner-wrap"><div id="div_block-80-412" class="ct-div-block" ><a id="link-75-412" class="ct-link" href="https://www.facebook.com/MarketingAmpuh/" target="_blank" ><noscript><img alt="facebook" src="https://marketingampuh.com/wp-content/uploads/2019/11/facebook.svg" class="ct-image" srcset="" sizes="(max-width: 1px) 100vw, 1px" /></noscript><img id="image-74-412" alt="facebook" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://marketingampuh.com/wp-content/uploads/2019/11/facebook.svg" class="lazyload ct-image" data-srcset="" data-sizes="(max-width: 1px) 100vw, 1px" /></a><a id="text_block-84-412" class="ct-link-text" href="https://marketingampuh.com/hubungi/" >Kontak</a><span id="text_block-88-412" class="ct-text-block" >|</span><a id="text_block-89-412" class="ct-link-text" href="https://marketingampuh.com/terms/" >Ketentuan</a></div><div id="text_block-5-412" class="ct-text-block" >©MarketingAmpuh.com. Jogja-Indonesia.<br></div></div></section>    <script type="litespeed/javascript" data-src="https://www.googletagmanager.com/gtag/js?id=G-43VLQJHKMD"></script> <script type="litespeed/javascript">window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)} gtag('js',new Date());gtag('config','G-43VLQJHKMD')</script>  <span id='wpdUserContentInfoAnchor' style='display:none;' rel='#wpdUserContentInfo' data-wpd-lity>wpDiscuz</span><div id='wpdUserContentInfo' style='overflow:auto;background:#FDFDF6;padding:20px;width:600px;max-width:100%;border-radius:6px;' class='lity-hide'></div><div id='wpd-editor-source-code-wrapper-bg'></div><div id='wpd-editor-source-code-wrapper'><textarea id='wpd-editor-source-code'></textarea><button id='wpd-insert-source-code'>Insert</button><input type='hidden' id='wpd-editor-uid' /></div><noscript><style>.lazyload{display:none;}</style></noscript><script async data-noptimize="1" src='https://marketingampuh.com/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js?ao_version=3.1.13'></script><script type="text/javascript" id="wpdiscuz-combo-js-js-extra"> /* <![CDATA[ */ var wpdiscuzAjaxObj = {"wc_hide_replies_text":"Hide Replies","wc_show_replies_text":"View Replies","wc_msg_required_fields":"Please fill out required fields","wc_invalid_field":"Some of field value is invalid","wc_error_empty_text":"please fill out this field to comment","wc_error_url_text":"url is invalid","wc_error_email_text":"email address is invalid","wc_invalid_captcha":"Invalid Captcha Code","wc_login_to_vote":"You Must Be Logged In To Vote","wc_deny_voting_from_same_ip":"You are not allowed to vote for this comment","wc_self_vote":"You cannot vote for your comment","wc_vote_only_one_time":"You've already voted for this comment","wc_voting_error":"Voting Error","wc_banned_user":"You are banned","wc_comment_edit_not_possible":"Sorry, this comment is no longer possible to edit","wc_comment_not_updated":"Sorry, the comment was not updated","wc_comment_not_edited":"You've not made any changes","wc_msg_input_min_length":"Input is too short","wc_msg_input_max_length":"Input is too long","wc_spoiler_title":"Spoiler Title","wc_cannot_rate_again":"You cannot rate again","wc_not_allowed_to_rate":"You're not allowed to rate here","wc_confirm_rate_edit":"Are you sure you want to edit your rate?","wc_follow_user":"Follow this user","wc_unfollow_user":"Unfollow this user","wc_follow_success":"You started following this comment author","wc_follow_canceled":"You stopped following this comment author.","wc_follow_email_confirm":"Please check your email and confirm the user following request.","wc_follow_email_confirm_fail":"Sorry, we couldn't send confirmation email.","wc_follow_login_to_follow":"Please login to follow users.","wc_follow_impossible":"We are sorry, but you can't follow this user.","wc_follow_not_added":"Following failed. Please try again later.","is_user_logged_in":"","commentListLoadType":"0","commentListUpdateType":"0","commentListUpdateTimer":"30","liveUpdateGuests":"0","wordpressThreadCommentsDepth":"5","wordpressIsPaginate":"","commentTextMaxLength":"0","replyTextMaxLength":"0","commentTextMinLength":"1","replyTextMinLength":"1","storeCommenterData":"100000","socialLoginAgreementCheckbox":"1","enableFbLogin":"0","fbUseOAuth2":"0","enableFbShare":"1","facebookAppID":"","facebookUseOAuth2":"0","enableGoogleLogin":"0","googleClientID":"","googleClientSecret":"","cookiehash":"211ce8657b67178c1c68b0e32dd29cb1","isLoadOnlyParentComments":"0","scrollToComment":"1","commentFormView":"collapsed","enableDropAnimation":"1","isNativeAjaxEnabled":"0","userInteractionCheck":"1","enableBubble":"0","bubbleLiveUpdate":"0","bubbleHintTimeout":"45","bubbleHintHideTimeout":"10","cookieHideBubbleHint":"wpdiscuz_hide_bubble_hint","bubbleHintShowOnce":"1","bubbleHintCookieExpires":"7","bubbleShowNewCommentMessage":"1","bubbleLocation":"content_left","firstLoadWithAjax":"0","wc_copied_to_clipboard":"Copied to clipboard!","inlineFeedbackAttractionType":"blink","loadRichEditor":"1","wpDiscuzReCaptchaSK":"","wpDiscuzReCaptchaTheme":"light","wpDiscuzReCaptchaVersion":"2.0","wc_captcha_show_for_guest":"0","wc_captcha_show_for_members":"0","wpDiscuzIsShowOnSubscribeForm":"0","wmuEnabled":"1","wmuInput":"wmu_files","wmuMaxFileCount":"1","wmuMaxFileSize":"2097152","wmuPostMaxSize":"8388608000","wmuIsLightbox":"1","wmuMimeTypes":{"jpg":"image\/jpeg","jpeg":"image\/jpeg","jpe":"image\/jpeg","gif":"image\/gif","png":"image\/png","bmp":"image\/bmp","tiff":"image\/tiff","tif":"image\/tiff","ico":"image\/x-icon"},"wmuPhraseConfirmDelete":"Are you sure you want to delete this attachment?","wmuPhraseNotAllowedFile":"Not allowed file type","wmuPhraseMaxFileCount":"Maximum number of uploaded files is 1","wmuPhraseMaxFileSize":"Maximum upload file size is 2MB","wmuPhrasePostMaxSize":"Maximum post size is 8000MB","wmuPhraseDoingUpload":"Uploading in progress! Please wait.","msgEmptyFile":"File is empty. Please upload something more substantial. This error could also be caused by uploads being disabled in your php.ini or by post_max_size being defined as smaller than upload_max_filesize in php.ini.","msgPostIdNotExists":"Post ID not exists","msgUploadingNotAllowed":"Sorry, uploading not allowed for this post","msgPermissionDenied":"You do not have sufficient permissions to perform this action","wmuKeyImages":"images","wmuSingleImageWidth":"auto","wmuSingleImageHeight":"200","previewTemplate":"<div class=\"wmu-preview [PREVIEW_TYPE_CLASS]\" title=\"[PREVIEW_TITLE]\" data-wmu-type=\"[PREVIEW_TYPE]\" data-wmu-attachment=\"[PREVIEW_ID]\">\r\n <div class=\"wmu-preview-remove\">\r\n <img class=\"wmu-preview-img\" src=\"[PREVIEW_ICON]\">\r\n <div class=\"wmu-file-name\">[PREVIEW_FILENAME]<\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n","isUserRated":"0","version":"7.6.28","wc_post_id":"4939","isCookiesEnabled":"1","loadLastCommentId":"0","dataFilterCallbacks":[],"phraseFilters":[],"scrollSize":"32","is_email_field_required":"1","url":"https:\/\/marketingampuh.com\/wp-admin\/admin-ajax.php","customAjaxUrl":"https:\/\/marketingampuh.com\/wp-content\/plugins\/wpdiscuz\/utils\/ajax\/wpdiscuz-ajax.php","bubbleUpdateUrl":"https:\/\/marketingampuh.com\/wp-json\/wpdiscuz\/v1\/update","restNonce":"dbee89f3b7","is_rate_editable":"0","menu_icon":"https:\/\/marketingampuh.com\/wp-content\/plugins\/wpdiscuz\/assets\/img\/plugin-icon\/wpdiscuz-svg.svg","menu_icon_hover":"https:\/\/marketingampuh.com\/wp-content\/plugins\/wpdiscuz\/assets\/img\/plugin-icon\/wpdiscuz-svg_hover.svg"}; var wpdiscuzUCObj = {"msgConfirmDeleteComment":"Are you sure you want to delete this comment?","msgConfirmCancelSubscription":"Are you sure you want to cancel this subscription?","msgConfirmCancelFollow":"Are you sure you want to cancel this follow?","additionalTab":"0"}; /* ]]> */ </script> <script type="text/javascript" id="ct-footer-js"></script><style type="text/css" id="ct_code_block_css_100062">html {scroll-behavior: smooth;} .is-form-style input.is-search-input {height:25px !important; font-size:10px !important;border-radius:5px !important}</style> <style type="text/css" id="ct_code_block_css_8">.isine img {text-align:justify !important;width:100% !important;height:auto !important;} .isine figure.wp-block-image{margin:0 !important;} .isine figcaption {font-size:11px;font-style:italic;} .isine h2{line-height:1.2;margin-top:20px;font-size:27px;} .tagtag a {color:#fff;background-color:#000;padding: 2px 6px;margin:0px 10px 10px 0px;border-radius:3px;line-height:2;} .isine code {overflow:auto !important;background-color:#d6d6d6;max-width:100%;display:block !important;padding:12px;} #rekomendasi div.oxy-easy-posts-pages{display:none !important} @media(min-width:992px){.iksam {position: -webkit-sticky !important;position: sticky !important;top:20px}}</style>  <script data-optimized="1" type="litespeed/javascript" data-src="https://marketingampuh.com/wp-content/litespeed/js/9b80df550540b06b2a20aa1d498126c1.js?ver=3414f"></script><script>const litespeed_ui_events=["mouseover","click","keydown","wheel","touchmove","touchstart"];var urlCreator=window.URL||window.webkitURL;function litespeed_load_delayed_js_force(){console.log("[LiteSpeed] Start Load JS Delayed"),litespeed_ui_events.forEach(e=>{window.removeEventListener(e,litespeed_load_delayed_js_force,{passive:!0})}),document.querySelectorAll("iframe[data-litespeed-src]").forEach(e=>{e.setAttribute("src",e.getAttribute("data-litespeed-src"))}),"loading"==document.readyState?window.addEventListener("DOMContentLoaded",litespeed_load_delayed_js):litespeed_load_delayed_js()}litespeed_ui_events.forEach(e=>{window.addEventListener(e,litespeed_load_delayed_js_force,{passive:!0})});async function litespeed_load_delayed_js(){let t=[];for(var d in document.querySelectorAll('script[type="litespeed/javascript"]').forEach(e=>{t.push(e)}),t)await new Promise(e=>litespeed_load_one(t[d],e));document.dispatchEvent(new Event("DOMContentLiteSpeedLoaded")),window.dispatchEvent(new Event("DOMContentLiteSpeedLoaded"))}function litespeed_load_one(t,e){console.log("[LiteSpeed] Load ",t);var d=document.createElement("script");d.addEventListener("load",e),d.addEventListener("error",e),t.getAttributeNames().forEach(e=>{"type"!=e&&d.setAttribute("data-src"==e?"src":e,t.getAttribute(e))});let a=!(d.type="text/javascript");!d.src&&t.textContent&&(d.src=litespeed_inline2src(t.textContent),a=!0),t.after(d),t.remove(),a&&e()}function litespeed_inline2src(t){try{var d=urlCreator.createObjectURL(new Blob([t.replace(/^(?:)?$/gm,"$1")],{type:"text/javascript"}))}catch(e){d="data:text/javascript;base64,"+btoa(t.replace(/^(?:)?$/gm,"$1"))}return d}</script></body> </html>