[Support request] Print the index of the query loop as an attribute or class of an element

[Zarar]

I have a Query Loop which prints 8 headlines, and I want to configure Google Analytics so that I know which of the 8 headlines was clicked. The first, second etc…

My approach here was to figure out a way to print 0….7 as part of a class or attribute of an element, but I don’t seem to have access to this information. Something like

<a class=“item0” href="...">Headline 0</a>
<a class=“item1” href="...">Headline 1</a>

Is this possible? Thank you.

[Zarar]

So I tried the following to print the index of the current post as part of the CSS class names, but $wp_query->current_post returns 0 every time. This is probably because generatepress or generateblocks isn’t use the main query but creating a custom one. Any idea on how to get that the current query?

add_filter( 'render_block', function( $block_content, $block ){
    global $wp_query;
    $className = 'rr-analytics-home-primary-article';
    if ( ! empty( $block['attrs']['className'] ) && $className === $block['attrs']['className']  ) {
        return str_replace($className, $className . " " . $wp_query->current_post , $block_content);
    }
	return $block_content;
}, 10, 2);

[Zarar]

I ended up not needing this as I added a custom CSS class outside the Query Loop at the Grid level and then used the following CSS selectors in Google Analytics/Tag Manager to detect which image was clicked:

.primary-articles-container .gb-query-loop-item:nth-of-type(2) figure a

[Fernando]

I see. Glad you found a solution Zarar!

[Author]

Posts