向现有 HTML 元素添加额外的空属性

如何解决向现有 HTML 元素添加额外的空属性

我尝试使用 matomo Tagmanager 将内容跟踪包含到网站中。根据他们的documentation，这应该是

的形式

<a href="/random" class="tfs-highlight-button" 
 data-track-content 
 data-content-name="Random click" 
 data-content-piece="Random newsletter">
Click for random
</a>

我想用下面的代码通过我的functions.PHP添加这个

add_filter( 'nav_menu_link_attributes',function ( $atts,$item,$args ) {
if ( 'tfs-highlight-button' === $item->classes[0] ) {
    $atts['data-track-content'] ;
    $atts['data-content-name']="Random click";
    $atts['data-content-piece']="Random newsletter";
 }
 return $atts; 
},10,3 );

不幸的是，属性 data-track-content 没有添加到 HTML 元素中。如何向元素添加“空”数据属性？我已经尝试过 $atts['data-track-content']='' 和 $atts['data-track-content']=NULL 但这没有用。

解决方法

Wordpress 删除空/假属性。我会做这样的事情：

add_filter('nav_menu_link_attributes',function ($atts,$item,$args) {
  if (in_array('tfs-highlight-button',$item->classes)) {
    $atts['data-track-content'] = '1';
    $atts['data-content-name'] = 'Random click';
    $atts['data-content-piece'] = 'Random newsletter';
  }

  return $atts;
},10,3);

add_filter('walker_nav_menu_start_el',function($item_output,$item) {
  if (in_array('tfs-highlight-button',$item->classes)) {
    $item_output = str_replace('data-track-content="1"','data-track-content',$item_output);
  }

  return $item_output;
},2);