-
動く矢印ボタンへリンクを追加したいがうまくいかない
トピックス by
213 pt
2023年12月8日 17:26
250
PV
相談したいWidgetの情報
Widget名:動く矢印ボタン
プレビューページのURL：
クライアントの公開前の情報の記載があるので公開できません。
相談内容：
動く矢印ボタンのウィジェットにリンクをつけたいのですが
以下の方法のように</a>を一番下の</div>の後にコピペして
更新を押すと
</div>の後ろではなくコピペ前の
<a href=”ooooo”></a>の位置に戻ってしまいリンクができません。
https://drive.google.com/file/d/1TDMhsFHYBjQ7gOKv72EvpgY1pzZPApr4/view
またリンクを計測付きにしたいため、
ウィジェットのHTML編集の中のリンクボタンを押しても
何も反応がなく、ボタン全体をカーソルで選んでリンクボタンを
押すと適用されますが
ボタンの中の文字1つ1つにもリンクが記載されてしまいます。
ボタンのみにシンプルに計測付きのリンクをはりたいのですが
どうすればうまく記載できますか？？
ウィジェットのデフォルトは
2行目にリンクの記載がありますが、ここにリンク先のURLを記載すればいいのでしょうか？
一番上の行にリンクの記載をして</a>の位置を調整していると
無数に<a href=”ooooo”></a>が勝手に書かれている事があるのは
なぜでしょう？？
↓デフォルトhtml
<div class=”button-box”>
<a href=”ooooo”>
<div class=”button style button-color-green”>
<span class=”copy”>お得なキャンペーン</span>
<span class=”title”>公式ページを見てみる</span>
</div>
</a>
</div>
-
8 コメント
-
ご相談ありがとうございます！
nabanaさんのやりたいこととしては、「動く矢印ボタン」のボタンwidgetに計測機能付きリンクを設定したい。になりますでしょうか？
ご確認お願いします💫
-
おっしゃる通りです！
-
-
おまたせいたしました！
HTMLの「ooooo」の箇所に飛び先のURLとクリックを計測する「?sb_tracking=true」を書いていただければと思います！
【作業動画】
https://t.gyazo.com/teams/squadbeyond/dc8c933f62f6ba353721836d9e47f983.mp4
【変更前】
<div class="button-box">
<a href="ooooo">
<div class="button style button-color-green">
<span class="copy">お得なキャンペーン</span>
<span class="title">公式ページを見てみる</span>
</div>
</a>
</div>
【変更後】
<div class="button-box">
<a href="https://knowledge.squadbeyond.com/?sb_tracking=true">
<div class="button style button-color-green">
<span class="copy">お得なキャンペーン</span>
<span class="title">公式ページを見てみる</span>
</div>
</a>
</div>
よろしくお願いします！
-
ありがとうございます。
プレビューページのリンクマークを目のマークにしたかったのですが
目とリンク両方ついてあるマークになっていました。
こちらは計測の設定をまだ行ってないからでしょうか？？
-
早速試していただきありがとうございます！
状況を確認したいので、スクショを共有いただけますか？
-
-
こちらになります！
-
ご共有ありがとうございます！
こちらのマークは計測機能付きリンクが設定されているよというものなので
これで設定はバッチリです💪
リンクのクリックを計測するのに、他にする設定はありません！
-
-
ありがとうございました！
