Append Media/Attachment IDs to Gallery Shortcode HTML Output

WordPress already does this, in at least 2 ways

For example, here is an <img> tag from a standard gallery block on my local test install:

<img src="http://one.wordpress.test/wp-content/uploads/2020/03/80694475_10220097889178767_6336534537924771840_n.jpg" alt="" data-id="15" data-full-url="http://one.wordpress.test/wp-content/uploads/2020/03/80694475_10220097889178767_6336534537924771840_n.jpg" data-link="http://one.wordpress.test/?attachment_id=15" class="wp-image-15" srcset="http://one.wordpress.test/wp-content/uploads/2020/03/80694475_10220097889178767_6336534537924771840_n.jpg 750w, http://one.wordpress.test/wp-content/uploads/2020/03/80694475_10220097889178767_6336534537924771840_n-300x229.jpg 300w" sizes="(max-width: 750px) 100vw, 750px">
  • There is a data attribute: data-id="15"
  • A HTML class: class="wp-image-15"
  • A link to the attachment admin page: data-link="http://one.wordpress.test/?attachment_id=15", though this may only appear when logged in

As an aside, did you know when you upload an image, it creates a post of type attachment and those posts have their own templates pages and URLs? You might be able to get what you’re hoping for just by adding analytics snippets to those attachment pages, and making sure the images always link to their “media page”

Related Posts:

  1. How to make a customized “Create Gallery” tab in the ‘Add Media’ window?
  2. Deleting images from gallery remain as attachment
  3. Audio file’s length (duration) is missing from Attachment Details in Media Library [closed]
  4. How select multiple document as like media gallery
  5. wp_get_attachment_image_src() returns wrong url
  6. Custom icons in media library
  7. Bulk image importing from folders
  8. Can I Change the Media Upload Location for each user?
  9. Media changes not updating posts
  10. Use rich text editor in ‘Edit Media’, for attachment media description
  11. core/gallery get figcaption text
  12. Whats wrong with my wp gallery?
  13. How to get a list of all attachements urls for every post of a wordpress installation?
  14. Pre-load images into a new users media gallery
  15. How to get all id_attachment with one loop?
  16. Only current gallery images with get_attached_media
  17. How to add a column showing real media usage (count) to the media list view?
  18. Add a menu item to WordPress 3.5 Media Manager
  19. How to Fix HTTP Error When Uploading Images?
  20. For what security reasons are svgs blocked in the media uploader?
  21. Update media library files after upload via FTP
  22. Media library to list images only user uploaded
  23. Is it possible to query all posts that don’t have an attachment?
  24. Proper way to add a button to the top menu of the media library?
  25. Filter for changing MediaElement.js Settings
  26. How to paginate wordpress [gallery] shortcode?
  27. Open media frame and select an attachment
  28. What is the best practice for renaming WordPress media files?
  29. Put the media uploader in a metabox
  30. get_attached_media() returns empty array if media file already used by another post
  31. Custom function to rearrange attachments when creating posts – Almost there
  32. Detect if is image unattached
  33. WordPress Uploads Folder can’t be Written to
  34. Disable slow media queries?
  35. Retrieving a custom link on an attachment
  36. Delete attachments from Front end
  37. How do i upload an image and return the image id?
  38. Media gallery – inserting full size images without link
  39. Run script after clicking Set Featured Image in Media
  40. Upload images and attachments from frontend form
  41. Add media with WP-Rest-API v2 II
  42. Media > Image Sizes aren’t being applied to uploads
  43. WordPress 3.0 Media Upload Directory
  44. Can’t edit media details in new role
  45. add_image_size landscape or portrait
  46. Add input to the media uploader and pass its value to each uploaded file
  47. wp.media edit attachment screen
  48. How to limit characters of the post title?
  49. Trigger JS in custom meta box if a featured image is loaded/exists
  50. File Type Is Not Permitted – Cronjob
  51. Add custom setting that uses radio button to WP Gallery
  52. Image still attached to post even after removing it as featured image
  53. Custom Gallery HTML only working when images are attached to post/page
  54. Large Media Library
  55. media ‘path’ issue / concern when bringing files live
  56. Finding a media attachment post ID from a URL
  57. How to upload media to a specific folder without a plugin in WordPress?
  58. Overriding of the template for the Attachment “thumbnails” in the Media Grid isn’t working
  59. “Scattered” gallery
  60. Allow downloading unusual file types
  61. Is it possible to change filenames in media library after upload?
  62. How to compress image before inserting to wordpress using wp_insert_attachment function?
  63. Remove delete-attachment button for every media
  64. Media/attachment urls don’t redirect with fake URL structure
  65. the_time() returning wrong date/time (way in the future)
  66. Importing existing s3 Media into WP
  67. Import WordPress, Failed to import sizes
  68. When I insert media from Library into a post, can I then safely delete that media?
  69. Change categories count to include media attachments
  70. Stylesheet being loaded outside of
  71. Use full size images in a specific gallery
  72. Can i have 2 separate Galleries on 2 separate pages each go to a DIFFERENT Attachment.php file?
  73. Attachments without images
  74. How to re-house images in uploads/YYYY/MM
  75. get all images from the wordpress media library with link to the post they are associated with
  76. The uploaded file could not be moved to wp-content/uploads
  77. Adding Files to Page Only Adds Title, Doesn’t Create Link
  78. Deleting media using the WordPress Rest API
  79. Images missing from the media folder
  80. How to Protect Uploads, if User is not Logged In?
  81. Is There A Way To Auto-Stock Media Files To Every Site On A WordPress Network?
  82. wp_delete_attachment doesn’t delete image files / doesn’t work
  83. Direct media library upload saving in wrong month date folder in custom theme
  84. Showing added mime types in REST media response
  85. How to resize image in wordpress from backend? Seems like bug in wordpress
  86. Gifs displaying soft?
  87. Hide download button from audio player
  88. Insert Media – Attachment – Link to : Remove options
  89. Remove attached media
  90. Can somebody explain this mediaelement and audio tags
  91. WordPress / Audio player
  92. WP Feed namespace attr issue
  93. How to save media-form on custom tab
  94. Another “Sent Headers” Error w/ Missing Temporary Folder
  95. Pictures won’t display in media library and also won’t show preview when selected
  96. When I upload any media file it says “The uploaded file could not be moved to wp-content/uploads/2017/04”
  97. Using WordPress.com API to retrieve featured images
  98. Help with WordPress slider
  99. How to batch-add image file extension without losing DB refs?
  100. Broken images after importing posts and opening in Gutenberg