WordPressでショートコードを作り、コードにonclickを追加したい。

Question

ワードプレスで、
こちらの記事を参考に投稿画面にショートコードを作成しました。

ショートコードの内容は下記のような感じで出力されるようにfunctions.phpに記載し、正しく動いています。

function report_shortcode( $atts, $content = null ) {
  return '<div class="bt link-left"><a href="'. $content . '">リンク</a></div>';
}
add_shortcode( 'report', 'report_shortcode' );

こちらのaタグに、下記のonclickを追加したく、

onclick="gtag('event', 'click', {'event_category': location.href,'event_label': this.href});"

下記のようにaタグに追加してみたのですが、エラーになってしまいます。

function report_shortcode( $atts, $content = null ) {
  return '<div class="bt link-left"><a onclick="gtag('event', 'click', {'event_category': location.href,'event_label': this.href});" href="'. $content . '">リンク</a></div>';
}
add_shortcode( 'report', 'report_shortcode' );

どこがエラーの原因なのかがわからず、詳しい方がいましたら教えていただけませんか？
よろしくお願いいたします。

Answer 1

シングルクォーテーションの中にシングルクォーテーションが入っているので、
エスケープをするか、以下のように文字列繋げるのが良いでしょう。

function report_shortcode( $atts, $content = null ) {
	$onclickParam = "'event', 'click', {'event_category': location.href,'event_label': this.href}";
	return '<div class="bt link-left"><a onclick="gtag('.$onclickParam.');" href="'. $content . '">リンク</a></div>';
}

Comments

[yukabyo]

早速ご回答いただき、ありがとうございます！
理解できて、うまくいきました。とても助かりました(*^^*)