URLパラメーターを取得し、遷移先のリンクに動的に追加する機能の実装

Webflow
1

お世話になっております。

webflowでLPを実装しています。
クエリパラメータを用いて流入元の分析及びCRMへの連携を実装しようとしておりますが、わからないことがありましたので、御相談させてください。

質問：取得したクエリパラメータを、そのまま付け足して任意の外部ページへ飛ぶ方法

具体的には、下記がしたいです。
①LPに飛ぶ時、流入元によって固有のパラメータがされている。
②LPで、その流入元の情報を受け取る。
③申し込みボタンが押されたときに、その流入元のパラメータをそのまま付け足して、申込みサイト(外部)に飛ぶ。

①②までは恐らくできておりますが、うまく③に繋がりません。
現状、下記の様なコードをプロジェクトのfooter codeに書いています。

<script>
  const params = new URLSearchParams(location.search)

 // get the link element        
 var myLink = document.getElementByClassName("id-of-the-button-link")
 const af = params.get('af')

 // edit its href property by appending the parameters
 myLink.href += "?af=" + af

</script>

参考にしたサイト：Pass URL Parameters to Button - Custom code - Forum | Webflow

2

すみません。
下記の様に変更したら、実装できました。一応記録に残しておきます。

  1. getElementByClassName → getElementById
  2. webflowのbuttonにIDを個別で設定(元々classだけだった)
<script>
  const params = new URLSearchParams(location.search)

 // get the link element        
 var myLink = document.getElementById("id-of-the-button-link")
 const af = params.get('af')

 // edit its href property by appending the parameters
 myLink.href += "?af=" + af

</script>
「いいね！」 3
3

自分用に補足ですが、こっちの方が全てのパラメーターに対応できたので優れていました。

<script>
  const params = new URLSearchParams(location.search)

 // get the link element        
 var myLink = document.getElementById("id-of-the-button-link")

 // edit its href property by appending the parameters
 myLink.href += "?" + params

</script>
「いいね！」 1