Rich Push Notifications in iOS 10 and Android - Media Attachments

iOS 10

For iOS 10 notifications with media attachments to be displayed on device add a Notification Service Extension to your application.

iOS 10 Media Attachment Integration Steps 

1. Create a new Notification Service Extension
   1. File -> New -> Target... from your Xcode menu.
   2. iOS -> Notification Service Extension -> Next.
   3. Fill in information and click Finish.
2. Implement the NotificationService Extension
   1. Add the following code snippet into the didReceiveNotificationRequest function of the NotificationService.

- (void)didReceiveNotificationRequest:(UNNotificationRequest *)request withContentHandler:(void (^)(UNNotificationContent * _Nonnull))contentHandler {
    self.contentHandler = contentHandler;
    self.bestAttemptContent = [request.content mutableCopy];
    NSDictionary *itblDictionary = [request.content.userInfo objectForKey:@"itbl"];
    NSString *attachmentUrlString = [itblDictionary objectForKey:@"attachment-url"];
    
    if (![attachmentUrlString isKindOfClass:[NSString class]])
        return;
    
    NSURL *url = [NSURL URLWithString:attachmentUrlString];
    if (url) {
        [[[NSURLSession sharedSession] downloadTaskWithURL:url completionHandler:^(NSURL * _Nullable location, NSURLResponse * _Nullable response, NSError * _Nullable error) {
            if (!error) {
                NSString *tempDict = NSTemporaryDirectory();
                NSString *attachmentID = [[[NSUUID UUID] UUIDString] stringByAppendingString:[response.URL.absoluteString lastPathComponent]];
                if(response.suggestedFilename) {
                    attachmentID = [[[NSUUID UUID] UUIDString] stringByAppendingString:response.suggestedFilename];
                }
                NSString *tempFilePath = [tempDict stringByAppendingPathComponent:attachmentID];
                if ([[NSFileManager defaultManager] moveItemAtPath:location.path toPath:tempFilePath error:&error]) {
                    UNNotificationAttachment *attachment = [UNNotificationAttachment attachmentWithIdentifier:attachmentID URL:[NSURL fileURLWithPath:tempFilePath] options:nil error:&error];
                    if (attachment) {
                        _bestAttemptContent.attachments = [_bestAttemptContent.attachments arrayByAddingObject:attachment];
                    }
                }
            }
            [[NSOperationQueue mainQueue] addOperationWithBlock:^{
                self.contentHandler(self.bestAttemptContent);
            }];
        }] resume];
    }
}

 3. Create your rich push template by going to Templates--> Create New Template--> Push. Then in the section for iOS 10 Attachment URL, paste in an image url.

Android

Rich push for Android is only supported in Iterable Android SDK's version 2.1.8 and higher.

For Android, simply pasting an image url in the Android Attachment URL section of your template will suffice. 

Note that images for Android should have a 2:1 ratio.