如何通过URL参数动态修改页面优惠券链接文本？

可以通过URL配合页面前端代码实现这个需求，单纯的URL本身无法直接修改页面文本，但只要在页面中添加简单的脚本，就能让页面根据URL参数自动更新显示的链接内容，具体步骤如下：

• 第一步：构造带优惠券参数的分发URL
  直接给用户提供包含优惠券参数的链接，比如：
  abc.com/productID?CodeCuponProd=Bla+Bla
  （注：参数值里的空格建议用+或%20编码，避免解析错误；如果业务需要保留双引号，可编码为%22，即abc.com/productID?CodeCuponProd=%22Bla%20Bla%22）

• 第二步：在页面中添加前端脚本
  在你的产品页面（abc.com/productID）中加入一段JavaScript，用来读取URL中的优惠券参数，然后替换页面上显示的链接文本。示例代码如下：

  // 获取URL中的参数
  const params = new URLSearchParams(window.location.search);
  const couponCode = params.get('CodeCuponProd');
  
  // 如果存在优惠券参数，更新页面上的链接显示
  if (couponCode) {
    // 拼接带参数的完整URL
    const baseUrl = `${window.location.origin}${window.location.pathname}`;
    const fullCouponUrl = `${baseUrl}?CodeCuponProd="${couponCode}"`;
    // 找到页面中显示原URL的元素（假设元素id为coupon-display）
    const displayElement = document.getElementById('coupon-display');
    if (displayElement) {
      displayElement.textContent = fullCouponUrl;
    }
  }
  

  注意：需要把代码中的coupon-display替换成你页面中实际用来展示URL的元素ID或其他选择器。

• 效果说明
  当用户访问带优惠券参数的URL时，页面会自动识别参数，将原本显示的abc.com/productID替换为abc.com/productID?CodeCuponProd="Bla Bla"（或对应编码后的格式）。

内容的提问来源于stack exchange，提问作者Yoni Moseri