GTMでクリックされたリンク内の画像のaltを取得する方法

リンク内に出てきた最初の画像のalt属性を取得するカスタムJS変数

例えば「要素内で最初の画像のalt属性を取得する変数」としたい場合は、下記のようになります。
返り値は「画像1のalt」となります。

function(){
	return [].slice.call({{Click Element}}.getElementsByTagName('IMG')).filter(function(element){
		return element.alt;
	}).map(function(element){
		return element.alt;
	})[0];	// 先頭（[0]）の画像のalt属性を返す
}

リンク内に含まれるすべての画像のalt属性を取得するカスタムJS変数

また、先頭の画像だけでなく含まれる画像全部のaltが欲しい、という場合は下記のようなアレンジです。
前述の[0]の前までが「クリックされたリンク内の全画像のalt属性一覧」に該当しますので、それを連結（join）して返す形です。返り値は「画像1のalt, 画像2のalt, 画像3のalt」のようになります。

function(){
	return [].slice.call({{Click Element}}.getElementsByTagName('IMG')).filter(function(element){
		return element.alt;
	}).map(function(element){
		return element.alt;
	}).join(', ');	// 含まれる全画像のalt属性を「, 」で連結して返す
}

上記は「, 」を繋ぎ文字にして、画像のalt属性をまとめた文字列を返すカスタムJS変数です。
「join(', ')」の箇所が実際の連結処理を行っている箇所ですので、'～'内を変えると繋ぎ文字の変更もできます。

また、例えば「[画像1のalt][画像2のalt][画像3のalt]」みたいに「alt属性の前後を記号で囲いたい」みたいな場合はmap内のreturn行を編集すればOKです。
具体的には下記のようにすると、返り値は「[画像1のalt] [画像2のalt] [画像3のalt]」になります。

function(){
	return [].slice.call({{Click Element}}.getElementsByTagName('IMG')).filter(function(element){
		return element.alt;
	}).map(function(element){
		return '[' + element.alt + ']';	// [alt属性]という具合に各画像のaltの前後へ[～]を入れる
	}).join(' ');	// 含まれる全画像のalt属性を半角スペースで連結して返す
}

リンク内に画像がある場合はテキストと一緒に先頭画像のalt属性も取得するカスタムJS変数　←おすすめ

さて、実際のリンククリック計測に際して「Click Text変数の代替」として利用したいのであれば、Click Text変数も含む値を返す変数に仕立て上げなければなりません。
例えば、リンク内に画像が含まれていたら「[画像のalt] リンクテキスト」を返し、画像が含まれていなかったら「リンクテキスト」（＝画像がない場合はClick Text変数と同じ値）を返す変数というのはいかがでしょうか。また、リンクテキストが存在せず画像だけのリンクの場合は「[画像のalt]」のみを返すのが良さそうです。

function(){
	var returnValue = [];
	var imgAlt = [].slice.call({{Click Element}}.getElementsByTagName('IMG')).filter(function(element){
		return element.alt;
	}).map(function(element){
		return '[' + element.alt + ']';	// [alt属性]という具合に各画像のaltの前後へ[～]を入れる
	});
	if(imgAlt.length > 0){
		// ---- クリックされた要素内にimgタグが含まれていた場合
		returnValue.push(imgAlt[0]);	// 含まれる先頭画像のalt属性を返す
	}
	if({{Click Text}}){
		// ---- クリックされた要素内にテキストが含まれていた場合
		returnValue.push({{Click Text}});
	}

	return returnValue.join(' ') || {{Click Text}};	// alt属性とClick Text変数を半角スペースで連結した値を返す
}

今までのサンプルの集大成として、いろいろ組み合わさった形です。

「先頭の」画像、と対象画像を1つに絞っているのはその方が自然かな、という印象によるものですので「いやいややはり全画像のaltを含めたい」という場合は「[0]」の箇所を「.join(' ')」へ差し替えてご利用ください。
その場合の返り値は「[画像1のalt] [画像2のalt] [画像3のalt] リンクテキスト」のようになります。

リンク内に画像がある場合は先頭画像のalt属性を、なければテキストを取得するカスタムJS変数　←おすすめ

場合によっては「画像のalt＋リンクテキスト」ではなく、「画像のalt」または「リンクテキスト」のいずれかにしたい、ということもありますよね。
例えば「altを持つ画像があれば画像のalt」、「無ければリンクテキスト」といった振り分けをしたいのであれば、下記のようなカスタムJS変数になります。

function(){
	var imgAlt = [].slice.call({{Click Element}}.getElementsByTagName('IMG')).filter(function(element){
		return element.alt;
	}).map(function(element){
		return '[' + element.alt + ']';	// [alt属性]という具合に各画像のaltの前後へ[～]を入れる
	});
	return (imgAlt.length > 0) ? imgAlt[0] : {{Click Text}};	// 画像のaltがあったら先頭画像のaltを、なければテキストを返す
}

上記も先のサンプル同様に「先頭画像の」alt属性としています。
もし「全画像の」alt属性にされたい場合は、やはり同様にreturnしている行の「[0]」の箇所を「.join(' ')」のように書き換えてご利用ください。