مطالب مرتبط

اشتراک گذاری

چگونه یک صفحه فرود متحرک افیلیت برای کشورهای مختلف ایجاد کنیم

 Pajuhaan
نویسنده Pajuhaan
نوشته شده در تاریخ April 10, 2025

    اگر شما با همکاران فروش کار می‌کنید و فروشگاه تجارت الکترونیک خود را بر روی دامنه‌های مختلف برای هر کشور راه‌اندازی کرده‌اید، ایجاد یک صفحه فرود تمیز و بهینه برای تبدیل که بر اساس کد ارجاع همکار به صورت خودکار تطبیق پیدا کند امر مهمی است.

    AI Created Landing Page with Dynamic Affiliate Links
    AI Created Landing Page with Dynamic Affiliate Links

    در این راهنمای کوتاه، ما نحوه ایجاد یک صفحه فرود حداقلی و پاسخگو را برای همکاران شما که به طور خودکار کد ارجاع (ref) را به دامنه‌های مختص به کشور منتقل می‌کند، نشان خواهیم داد. مانند:

    • 🇺🇸 en.selldone.com
    • 🇬🇧 uk.selldone.com
    • 🇩🇰 da.selldone.com
    • 🇫🇷 fr.selldone.com

    این تنظیم وقتی ایده‌آل است که از فروشگاه‌های مختص به کشور استفاده می‌کنید و می‌خواهید لینک‌های افیلیت خود را متمرکز نگه دارید.


    🎯 چیزی که می‌خواهیم بسازیم

    • یک صفحه فرود ساده اما شیک با ویژگی‌های زیر:
    • یک عنوان: "مد والا"
    • یک زیرنویس: "کشور خود را برای شروع خرید انتخاب کنید..."
    • چهار دکمه بزرگ کشوری، هر کدام با پرچم کشور
    • هندلینگ خودکار کد ارجاع از URL

    نتیجه نهایی به صورت زیر است (برای کد، پایین بروید):


    ✅ کد HTML و JS (آماده برای استفاده)

    شما می‌توانید کد زیر را در هر فایل .html کپی و روی سرور خودتان میزبانی کنید:

    %7B%22html%22%3A%22%3C!DOCTYPE%20html%3E%5Cn%3Chtml%20lang%3D%5C%22en%5C%22%3E%5Cn%3Chead%3E%5Cn%20%20%3Cmeta%20charset%3D%5C%22UTF-8%5C%22%20%2F%3E%5Cn%20%20%3Cmeta%20name%3D%5C%22viewport%5C%22%20content%3D%5C%22width%3Ddevice-width%2C%20initial-scale%3D1.0%5C%22%2F%3E%5Cn%20%20%3Ctitle%3ESelldone%20Fashion%3C%2Ftitle%3E%5Cn%20%20%3Cstyle%3E%5Cn%20%20%20%20body%20%7B%5Cn%20%20%20%20%20%20font-family%3A%20'Inter'%2C%20sans-serif%3B%5Cn%20%20%20%20%20%20background-color%3A%20%23f9f9f9%3B%5Cn%20%20%20%20%20%20margin%3A%200%3B%5Cn%20%20%20%20%20%20padding%3A%200%3B%5Cn%20%20%20%20%20%20display%3A%20flex%3B%5Cn%20%20%20%20%20%20flex-direction%3A%20column%3B%5Cn%20%20%20%20%20%20min-height%3A%20100vh%3B%5Cn%20%20%20%20%20%20color%3A%20%23222%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20main%20%7B%5Cn%20%20%20%20%20%20flex%3A%201%3B%5Cn%20%20%20%20%20%20display%3A%20flex%3B%5Cn%20%20%20%20%20%20flex-direction%3A%20column%3B%5Cn%20%20%20%20%20%20align-items%3A%20center%3B%5Cn%20%20%20%20%20%20justify-content%3A%20center%3B%5Cn%20%20%20%20%20%20padding%3A%202rem%201rem%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20h1%20%7B%5Cn%20%20%20%20%20%20font-size%3A%202.5rem%3B%5Cn%20%20%20%20%20%20margin-bottom%3A%200.5rem%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20p.instruction%20%7B%5Cn%20%20%20%20%20%20font-size%3A%201.1rem%3B%5Cn%20%20%20%20%20%20margin-bottom%3A%202rem%3B%5Cn%20%20%20%20%20%20color%3A%20%23555%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20.buttons%20%7B%5Cn%20%20%20%20%20%20display%3A%20flex%3B%5Cn%20%20%20%20%20%20flex-direction%3A%20column%3B%5Cn%20%20%20%20%20%20gap%3A%201rem%3B%5Cn%20%20%20%20%20%20width%3A%20100%25%3B%5Cn%20%20%20%20%20%20max-width%3A%20400px%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20.country-button%20%7B%5Cn%20%20%20%20%20%20padding%3A%201.2rem%3B%5Cn%20%20%20%20%20%20font-size%3A%201.25rem%3B%5Cn%20%20%20%20%20%20background-color%3A%20%23fff%3B%5Cn%20%20%20%20%20%20border%3A%202px%20solid%20%23ddd%3B%5Cn%20%20%20%20%20%20border-radius%3A%2012px%3B%5Cn%20%20%20%20%20%20cursor%3A%20pointer%3B%5Cn%20%20%20%20%20%20transition%3A%20all%200.2s%20ease%3B%5Cn%20%20%20%20%20%20text-decoration%3A%20none%3B%5Cn%20%20%20%20%20%20color%3A%20%23222%3B%5Cn%20%20%20%20%20%20text-align%3A%20center%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20.country-button%3Ahover%20%7B%5Cn%20%20%20%20%20%20background-color%3A%20%23eee%3B%5Cn%20%20%20%20%20%20border-color%3A%20%23ccc%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20%40media%20(min-width%3A%20600px)%20%7B%5Cn%20%20%20%20%20%20.buttons%20%7B%5Cn%20%20%20%20%20%20%20%20flex-direction%3A%20row%3B%5Cn%20%20%20%20%20%20%20%20flex-wrap%3A%20wrap%3B%5Cn%20%20%20%20%20%20%20%20justify-content%3A%20center%3B%5Cn%20%20%20%20%20%20%7D%5Cn%5Cn%20%20%20%20%20%20.country-button%20%7B%5Cn%20%20%20%20%20%20%20%20flex%3A%201%201%2040%25%3B%5Cn%20%20%20%20%20%20%7D%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20footer%20%7B%5Cn%20%20%20%20%20%20padding%3A%201rem%3B%5Cn%20%20%20%20%20%20text-align%3A%20center%3B%5Cn%20%20%20%20%20%20font-size%3A%200.9rem%3B%5Cn%20%20%20%20%20%20color%3A%20%23888%3B%5Cn%20%20%20%20%20%20border-top%3A%201px%20solid%20%23eee%3B%5Cn%20%20%20%20%20%20background-color%3A%20%23fafafa%3B%5Cn%20%20%20%20%7D%5Cn%20%20%3C%2Fstyle%3E%5Cn%3C%2Fhead%3E%5Cn%3Cbody%3E%5Cn%5Cn%20%20%3Cmain%3E%5Cn%20%20%20%20%3Ch1%3ESelldone%20Fashion%3C%2Fh1%3E%5Cn%20%20%20%20%3Cp%20class%3D%5C%22instruction%5C%22%3ESelect%20your%20country%20to%20start%20shopping...%3C%2Fp%3E%5Cn%5Cn%20%20%20%20%3Cdiv%20class%3D%5C%22buttons%5C%22%3E%5Cn%20%20%20%20%20%20%3Ca%20id%3D%5C%22btn-us%5C%22%20class%3D%5C%22country-button%5C%22%3E%F0%9F%87%BA%F0%9F%87%B8%20United%20States%3C%2Fa%3E%5Cn%20%20%20%20%20%20%3Ca%20id%3D%5C%22btn-de%5C%22%20class%3D%5C%22country-button%5C%22%3E%F0%9F%87%A9%F0%9F%87%AA%20Germany%3C%2Fa%3E%5Cn%20%20%20%20%20%20%3Ca%20id%3D%5C%22btn-dk%5C%22%20class%3D%5C%22country-button%5C%22%3E%F0%9F%87%A9%F0%9F%87%B0%20Denmark%3C%2Fa%3E%5Cn%20%20%20%20%20%20%3Ca%20id%3D%5C%22btn-fr%5C%22%20class%3D%5C%22country-button%5C%22%3E%F0%9F%87%AB%F0%9F%87%B7%20France%3C%2Fa%3E%5Cn%20%20%20%20%3C%2Fdiv%3E%5Cn%20%20%3C%2Fmain%3E%5Cn%5Cn%20%20%3Cfooter%3E%5Cn%20%20%20%20%C2%A9%20%3Cspan%20id%3D%5C%22year%5C%22%3E%3C%2Fspan%3E%20Selldone.%20All%20rights%20reserved.%5Cn%20%20%3C%2Ffooter%3E%5Cn%5Cn%20%20%3Cscript%3E%5Cn%20%20%20%20function%20getRefParam()%20%7B%5Cn%20%20%20%20%20%20const%20params%20%3D%20new%20URLSearchParams(window.location.search)%3B%5Cn%20%20%20%20%20%20return%20params.get(%5C%22ref%5C%22)%20%7C%7C%20%5C%22%5C%22%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20const%20ref%20%3D%20getRefParam()%3B%5Cn%5Cn%20%20%20%20document.getElementById(%5C%22btn-us%5C%22).href%20%3D%20%60https%3A%2F%2Fen.selldone.com%3Fref%3D%24%7Bref%7D%60%3B%5Cn%20%20%20%20document.getElementById(%5C%22btn-de%5C%22).href%20%3D%20%60https%3A%2F%2Fde.selldone.com%3Fref%3D%24%7Bref%7D%60%3B%5Cn%20%20%20%20document.getElementById(%5C%22btn-dk%5C%22).href%20%3D%20%60https%3A%2F%2Fda.selldone.com%3Fref%3D%24%7Bref%7D%60%3B%5Cn%20%20%20%20document.getElementById(%5C%22btn-fr%5C%22).href%20%3D%20%60https%3A%2F%2Ffr.selldone.com%3Fref%3D%24%7Bref%7D%60%3B%5Cn%5Cn%20%20%20%20%2F%2F%20Set%20current%20year%20in%20footer%5Cn%20%20%20%20document.getElementById(%5C%22year%5C%22).textContent%20%3D%20new%20Date().getFullYear()%3B%5Cn%20%20%3C%2Fscript%3E%5Cn%5Cn%3C%2Fbody%3E%5Cn%3C%2Fhtml%3E%5Cn%22%7D


    🔧 چگونه کار می‌کند

    • استخراج کد ارجاع: از URLSearchParams برای گرفتن پارامتر ref از URL جاری استفاده می‌کنیم.
    • انتقال دینامیکی: وقتی کاربر بر روی دکمه کلیک می‌کند، اسکریپت او را به دامنه کشور مناسب هدایت کرده و به صورت خودکار کد ref را منتقل می‌کند.
    • طراحی واکنش‌گرا: طرح‌بندی برای موبایل دوستانه است و دکمه‌های بزرگ و قابل دسترسی دارد. از فلکس‌باکس برای اندازه‌گیری منظم استفاده می‌شود.

    💡 چرا کاربردی است

    • یک لینک برای همه همکاران فروش: آن‌ها فقط باید به xyz.com/?ref=XXXX پیوند دهند.
    • تجربه محلی‌سازی شده: مشتریان به دامنه فروشگاهی که با منطقه آن‌ها مطابقت دارد هدایت می‌شوند.
    • نیازی به بخش مدیریت نیست: این یک راه‌حل استاتیک و کاملاً سمت مشتری است.

    🧪 نمونهٔ URL

    بازدید از:

    https://xyz.com/?ref=AFF12345


    کلیک روی دکمه 🇩🇰 دانمارک انتقال می‌دهد به:

    https://da.selldone.com/?ref=AFF12345

    🚀 گام‌های بعدی

    1. صفحه را در سند همکاری خود قرار دهید.
    2. لینک مرجع https://xyz.com/?ref=YOURCODE را با همکاران خود به اشتراک بگذارید.
    3. می‌توانید بعداً فهرست دکمه را با کشورهای بیشتری با استفاده از همین فرمت گسترش دهید.


    شخصی‌سازی صفحه فرود خود در ChatGPT

    می‌توانید این صفحه را با استفاده از ChatGPT به نیازهای خود شخصی‌سازی کنید از طریق لینک زیر:


    ⚡ چگونه صفحه را پیاده‌سازی کنید

    دو گزینه ساده برای انتشار صفحه فرود متحرک همکاری دارید:

    گزینه 1. پیاده‌سازی در فروشگاه Selldone خود:

    وارد داشبورد Selldone خود شوید، به

    صفحه‌ها

    >

    استاتیک

    بروید و یک پوشه ایجاد کنید (مثلاً affiliate). فایل HTML خود را به عنوان

    index.html

    درون این پوشه بارگذاری کنید. سپس به بخش دامنه‌ها بروید، یک دامنه یا زیردامنه جدید اضافه کنید و آن را به صفحه استاتیک جدید با تنظیم مسیر به پوشه رابط کاربری اختصاص دهید.


    گزینه 2. پیاده‌سازی رایگان در Cloudflare Pages (توصیه‌شده):

    شما همچنین می‌توانید صفحه خود را به صورت رایگان در Cloudflare Pages میزبانی کنید. به سادگی یک پروژه جدید ایجاد کنید، فایل index.html خود را کشیده و دراگ کنید و آن را پیاده‌سازی کنید. زمانی که به صورت لایو درآمد، یک زیر دامنه (یا دامنه) سفارشی در Cloudflare تعیین کنید تا صفحه در وب قابل دسترسی باشد.هر دو روش به شما امکان می‌دهند که یک صفحه همکاری سریع بارگذاری شده و برندسازی شده با رهیابی ارجاع را به اشتراک بگذارید.



    با بهترین فروشگاه ساز رایگان، کسب و کار خود را آنلاین کنید.

    30 روز ضمانت بازگشت مبلغ

    شروع فروش آنلاین ساخت فروشگاه حرفه ای — رایگان

    با نرخ پایین فروش آنلاین خود خداحافظی کنید!

    سوالات متداول

    آیا باید از دامنه اصلی فروشگاه برای صفحه فرود همکاری استفاده کنم؟

    بهتر است از یک زیر دامنه جدید (مانند start.yourstore.com) برای صفحه فرود استفاده کنید و دامنه اصلی را برای فروشگاه خود متمرکز کنید. این کار کمک می‌کند تا سئو شما محافظت شود و امور سازمان‌یافته بماند. نیازی به ویرایش HTML صفحه فرود نیست—فقط آن را تحت زیر دامنه جدید پیاده‌سازی کنید و به صورت خودکار با کدهای ارجاع کار خواهد کرد.

     Pajuhaan
    نویسنده Pajuhaan
    تاریخ انتشار: April 08, 2025 April 10, 2025

    مطالب مرتبط با چگونه یک صفحه فرود متحرک افیلیت برای کشورهای مختلف ایجاد کنیم

    مطالب مرتبط با چگونه یک صفحه فرود متحرک افیلیت برای کشورهای مختلف ایجاد کنیم