トピックを立てる前にチェック
- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
通知
すべてクリア
Topic starter
Googleアナリティクスで、ページのどこのボタンをクリックするか計測するために
SWELLボタンに「ボタンID」を設定したいと思っています。
以前は、「ボタンの計測設定」をONにすると「ボタンID」の設定ができたので、
それを使って、どのボタンをクリックされたかを収集していました。
現状は以下のような表示で、「ボタンID」蘭がなくなってしまいました。
もうSWELLボタンに「ボタンID」を設定することはできないのでしょうか？
初心者で申し訳ございませんが、教えていただけますと嬉しいです。
確認項目
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.7.3.2
利用中のWordPressバージョン
6.1.1
利用中のプラグイン一覧
Accept Stripe Payments
Contact Form 7
Gmail SMTP
SEO SIMPLE PACK
Simple Custom CSS and JS
Useful Blocks
Wordfence Security
XML Sitemap & Google News
Yoast Duplicate Post
投稿済 : 20/03/2023 7:58 pm
ブロックコピー時に同じdata-idでコピーされてしまうので編集可能にしてたのですが、自動で重複チェック→再生成するプログラムを組んだので編集フィールドは非表示にしました。
高度な設定→「HTMLアンカー」で設定するHTMLのid属性で代用できないでしょうか？
This post was modified 2年前 by 了
SWELL開発者です。
投稿済 : 21/03/2023 12:09 pm
Topic starter
@loos_ryo さま
お返事ありがとうございます。
初心者のため、アンカー設定＝id属性とは知らず、HTMLアンカーの設定を使っておりました。
教えていただきありがとうございます。
代用できるか試してみます。
ありがとうございました。
投稿済 : 21/03/2023 12:55 pm
Topic starter
@loos_ryo さま
早速、高度な設定>HTMLアンカー を設定して確認したのですが
id属性が拾えませんでした。（赤枠）
Element のところには設定した文字列があったので（青線）
拾う場所が違うという感じなのだと思います。
もう少し、方法を考えてみます。
投稿済 : 21/03/2023 1:29 pm
Topic starter
何度もすみません。
swellボタンのブロックで、「HTML編集」を行い
以下の①の赤枠のところに、id属性を追加しました。
すると、無効なコンテンツが含まれていると表示されてしまいました。（②）
そのため、②の赤枠から解決を行い、「ブロック変換」を選択（③）したのですが、
④のように、SWELLボタンには変換されず、
カスタムHTMLのブロックに変換されてしまいました。
①
②
③
④
HTML編集をすると、もうSWELLボタンでの設定はできなくなりますか？
HTML編集は使わない方が良いのでしょうか？
教えていただけますと幸いです。
投稿済 : 21/03/2023 7:19 pm
@rick さん、どうなると壊れるかはブロックによっても異なると思いますが、HTML編集は自己責任でやってください。
失敗したら記事のリビジョン（WordPressの汎用的な機能で、ググればリビジョン機能の使い方は出てくると思います）で元に戻してはいかがでしょうか？
SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも？→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
投稿済 : 22/03/2023 2:07 am
Topic starter
@96ssbike さま
お返事ありがとうございます。
HTML編集を使ったときにどうなるかが正常かわからず
聞いてしまいました。
教えていただきありがとうございます。
リビジョン機能についても、検索してみます。
ありがとうございました。
投稿済 : 22/03/2023 7:10 am
"Click ID"のところでどの属性値を抽出するかは、ご自身で設定してる感じですか？それとも決められているんですかね？
クリック計測のIDは`data-id`属性で出力してるのですが、data-idをなにか決めた形式で出力しておくとここでデータが拾えた感じでしょうか。
SWELL開発者です。
投稿済 : 22/03/2023 10:45 pm
Topic starter
@loos_ryo さま
ご連絡ありがとうございます。
>"Click ID"のところでどの属性値を抽出するかは、ご自身で設定してる感じですか？それとも決められているんですかね？
↓
これは、決められています。
Googleアナリティクス（もしくはGoogleタグマネージャー）でカスタムイベントを設定した際に、パラメータをいくつか設定できるようになっているのですが、Google側で用意されたパラメータの中から選択しています。
>クリック計測のIDは`data-id`属性で出力してるのですが、data-idをなにか決めた形式で出力しておくとここでデータが拾えた感じでしょうか。
↓
大変申し訳ございません。`data-id`属性が何かが分からず、これに対しては明確な答えが出せないのですが・・・
（調べたのですが、私の知識不足で理解できずでした・・・すみません。）
今回の件で、私が調べたり検証した結果は次のとおりです。
(1)
SWELLのHTMLアンカーを設定すると、HTMLのid属性を設定できると教えていただいたので、
HTMLアンカーを設定して、"Click ID"が拾えるかを検証。
→結果は、拾えなかった。
↓
(2)
SWELLボタンの中身を「HTML編集」で確認したところ、
HTMLアンカーで設定したidは、divタグに設定されることを確認。
いろいろ調べた結果、HTML編集を使って、
SWELLボタンのaダグにidを設定して、"Click ID"が拾えるかを検証。
→結果は、拾えた。
Googleアナリティクスのカスタムイベントで設定できるパラメーターの中で
リンクをクリックした際に拾えるパラメーターには以下のようなものがあります。
Click Classes
Click ID
Click Text
Click URL
（私が検証した結果なので、おそらくですが）
これらはaタグに設定している値を拾っているように思います。
このような説明で回答になっているか分かりませんが、ご確認いただけますと幸いです。
よろしくお願いいたします。
投稿済 : 23/03/2023 8:20 am
分かりやすくまとめていただきありがとうございます。
なるほどですね。aタグ似直接idが必要な感じでしたら、以前編集できていた計測用のボタンIDも関係ないはずなので、以前はアナリティクス側でidが反映されていたのが不思議ですね。
ただ、ふつうにaタグ側にid属性を付けれる設定はあると便利そうなので、機能追加検討してみます。
SWELL開発者です。
投稿済 : 23/03/2023 11:34 am
Topic starter
@loos_ryo さま
お返事ありがとうございます。
>なるほどですね。aタグ似直接idが必要な感じでしたら、以前編集できていた計測用のボタンIDも関係ないはずなので、以前はアナリティクス側でidが反映されていたのが不思議ですね。
↓
やはりそうですよね。私も、ボタンIDはプログラムで組むようにされただけと伺ったので、
ボタンIDが拾えてもよさそうなのに・・・と不思議に思ってました。
前回設定したのが結構前で、どうやったのかなども覚えておらず、、、
もしかしたら何か私が勘違いしている部分があるかもしれません。すみません！
>ただ、ふつうにaタグ側にid属性を付けれる設定はあると便利そうなので、機能追加検討してみます。
↓
ありがとうございます！
SWELLの使いやすさはそのままに、アナリティクスで取れるデータが増えたら
かなり使い勝手よくなると思います！のでぜひ、ご検討お願いいたします。
投稿済 : 23/03/2023 1:49 pm
コードを少し書く必要がありますがWordPress6.2～に限り、WP_HTML_Tag_Processorクラスでswell-block-button aに任意のidを設定できます。
一般ユーザー
SWELL初心者のために、ブロックパターンライブラリーを運営しています。
投稿済 : 08/04/2023 8:25 am
weiser reacted
Topic starter
投稿済 : 08/04/2023 8:55 pm