AWS S3 : Prevent Hotlinking policy

Problem :

Hosting a lot of photos or video files on AWS S3? Don't want other websites to link to your content or use your S3 as a free loader?

Solution :

Add new bucket policy to prevent hot linking. Go to the properties of the S3 bucket you want to prevent hot linking policy and click on the Add Bucket Policy button.

A modal box will appear and enter this policy :

 {
 "Version": "2008-10-17",
 "Id": "preventHotLinking",
 "Statement": [
 {
 "Sid": "1",
 "Effect": "Allow",
 "Principal": {
 "AWS": "*"
 },
 "Action": "s3:GetObject",
 "Resource": "arn:aws:s3:::your-s3-bucket/*", 
 "Condition": {
 "StringLike": {
 "aws:Referer": [
 "http://yourwebsitename.com/*",
 "http://www.yourwebsitename.com/*"
 ]
 }
 }
 }
 ]
 }

NOTE : Change your-s3-bucket and yourwebsitename.com to yours.

Reference :

https://docs.aws.amazon.com/AmazonS3/latest/dev/example-bucket-policies.html