Here is an example of what a full-screen native ad looks like:

Full-screen Native Ad
Full-screen Native Format

Add ad view to the layout

The first step in displaying a native ad is to place an IkmWidgetAdView in the layout for the Activity or Fragment where the ad is to be shown.

  <com.ikame.android.sdk.widgets.IkmWidgetAdView
  android:id="@+id/adsView"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  app:ikwad_preview_layout="@layout/shimmer_loading_native" />

Load an ad with full-screen native layout

The loadAd() function in the IkmWidgetAdView class allows you to load a native ad with a shimmer layout, a specific ad layout (IkmWidgetAdLayout), and an ad screen ID. This method enables the integration of native ads with custom loading animations (shimmer effects) while ensuring the ad is displayed within the provided layout.

  fun loadAdFS(
    layoutAd: IkmWidgetAdLayout,
    screen: String,
    callback: IKShowWidgetAdListener?
)

Parameters:

  • layoutAd: The specific IkmWidgetAdLayout for rendering the full-screen native ad. This layout determines how the ad will be displayed in the UI.

  • screen: considered as a unitId, our team will send you the screenAd list.

  • callback: The IKShowWidgetAdListener interface is designed to handle the events related to the display of widget ads. It provides callbacks for various stages of ad display, including when ads are shown, fail to show, or are clicked.

    • onAdShowed(): Called when an ad is successfully displayed. This method is used to trigger any follow-up actions once the ad is shown.

    • onAdShowFail(error: IKAdError): Invoked when there is a failure in displaying the ad. It takes an IKAdError object as a parameter, which contains details about what caused the failure.

    • onAdClick(): Triggered when an ad is clicked by the user. This method can be used to handle user interaction with the ad.

By default, ads with any aspect ratio can be returned. Based on that, our SDK will automatically divide into 3 types: NORMAL, SQUARE, and PORTRAIT, so in the layout of full-screen native ads, there will also be 3 layouts.

Logo

If you want to display only one of the 3 layouts, you can use the following function, but we recommend that you customize all 3 layouts so that the ad displays correctly and brings the most value:

  com.ikame.android.sdk.widgets.IkmWALF#setIkmWALFType(IkmWALFType)
Example 
  val adView = findViewById<IkmWidgetAdView>(R.id.containerAds)
val adLayout = LayoutInflater.from(applicationContext).inflate(
    R.layout.layout_native_full_screen,
    null, false
) as? IkmWALF

adLayout?.ikmWALFType = IkmWALFType.DEFAULT

//IkmWALFType.NORMAL
adLayout?.containerNor = adLayout?.findViewById(R.id.custom_containerAds)
adLayout?.titleView = adLayout?.findViewById(R.id.custom_headline)
adLayout?.bodyView = adLayout?.findViewById(R.id.custom_body)
adLayout?.callToActionView = adLayout?.findViewById(R.id.custom_call_to_action)
adLayout?.iconView = adLayout?.findViewById(R.id.custom_app_icon)
adLayout?.mediaView = adLayout?.findViewById(R.id.custom_media)
adLayout?.storeView = adLayout?.findViewById(R.id.custom_store)
adLayout?.starRatingView = adLayout?.findViewById(R.id.custom_rate)

//IkmWALFType.PORTRAIT
adLayout?.containerPor = adLayout?.findViewById(R.id.custom_containerAdsPor)
adLayout?.titleViewPor = adLayout?.findViewById(R.id.custom_headlinePor)
adLayout?.bodyViewPor = adLayout?.findViewById(R.id.custom_bodyPor)
adLayout?.callToActionViewPor = adLayout?.findViewById(R.id.custom_call_to_actionPor)
adLayout?.iconViewPor = adLayout?.findViewById(R.id.custom_app_iconPor)
adLayout?.mediaViewPor = adLayout?.findViewById(R.id.custom_mediaPor)
adLayout?.titleViewPor2 = adLayout?.findViewById(R.id.custom_headlinePor2)
adLayout?.bodyViewPor2 = adLayout?.findViewById(R.id.custom_bodyPor2)
adLayout?.callToActionViewPor2 = adLayout?.findViewById(R.id.custom_call_to_actionPor2)
adLayout?.iconViewPor2 = adLayout?.findViewById(R.id.custom_app_iconPor2)
adLayout?.storeViewPor2 = adLayout?.findViewById(R.id.custom_storePor2)
adLayout?.starRatingViewPor2 = adLayout?.findViewById(R.id.custom_ratePor2)
adLayout?.customAnimateView = adLayout?.findViewById(R.id.custom_actionContainerPor)
adLayout?.customAnimateView2 = adLayout?.findViewById(R.id.custom_actionContainerPor2)

//IkmWALFType.SQUARE
adLayout?.containerSquare = adLayout?.findViewById(R.id.custom_containerAdsSquare)
adLayout?.titleViewSquare = adLayout?.findViewById(R.id.custom_headlineSquare)
adLayout?.bodyViewSquare = adLayout?.findViewById(R.id.custom_bodySquare)
adLayout?.callToActionViewSquare = adLayout?.findViewById(R.id.custom_call_to_actionSquare)
adLayout?.iconViewSquare = adLayout?.findViewById(R.id.custom_app_iconSquare)
adLayout?.mediaViewSquare = adLayout?.findViewById(R.id.custom_mediaSquare)
adLayout?.storeViewSquare = adLayout?.findViewById(R.id.custom_storeSquare)
adLayout?.starRatingViewSquare = adLayout?.findViewById(R.id.custom_rateSquare)


adLayout?.isMute = false
adLayout?.mediaView?.setMediaAdjustViewBounds(true)
adLayout?.enableClickOutside()
adLayout?.setRoundIconValue(20)
adView?.enableShimmer = false
if (adLayout != null) {
    adView?.loadAdFS(
        adLayout,
        "native_screen_id",
        object : IKShowWidgetAdListener {
            override fun onAdShowed() {
            }
            override fun onAdShowFail(error: IKAdError) {
            }
        }
    )
}
  
  IkmWidgetAdView adView = findViewById(R.id.containerAds);
View adLayoutView = LayoutInflater.from(getApplicationContext())
        .inflate(R.layout.layout_native_full_screen, null, false);
IkmWALF adLayout = (IkmWALF) adLayoutView;

adView.enableFullView();
adLayout.setIkmWALFType(IkmWALFType.DEFAULT);


//IkmWALFType.NORMAL
adLayout.setContainerNor(adLayout.findViewById(R.id.custom_containerAds));
adLayout.setTitleView(adLayout.findViewById(R.id.custom_headline));
adLayout.setBodyView(adLayout.findViewById(R.id.custom_body));
adLayout.setCallToActionView(adLayout.findViewById(R.id.custom_call_to_action));
adLayout.setIconView(adLayout.findViewById(R.id.custom_app_icon));
adLayout.setMediaView(adLayout.findViewById(R.id.custom_media));
adLayout.setStoreView(adLayout.findViewById(R.id.custom_store));
adLayout.setStarRatingView(adLayout.findViewById(R.id.custom_rate));

//IkmWALFType.PORTRAIT
adLayout.setContainerPor(adLayout.findViewById(R.id.custom_containerAdsPor));
adLayout.setTitleViewPor(adLayout.findViewById(R.id.custom_headlinePor));
adLayout.setBodyViewPor(adLayout.findViewById(R.id.custom_bodyPor));
adLayout.setCallToActionViewPor(adLayout.findViewById(R.id.custom_call_to_actionPor));
adLayout.setIconViewPor(adLayout.findViewById(R.id.custom_app_iconPor));
adLayout.setMediaViewPor(adLayout.findViewById(R.id.custom_mediaPor));
adLayout.setCustomAnimateView(adLayout.findViewById(R.id.custom_actionContainerPor));

adLayout.setTitleViewPor2(adLayout.findViewById(R.id.custom_headlinePor2));
adLayout.setBodyViewPor2(adLayout.findViewById(R.id.custom_bodyPor2));
adLayout.setCallToActionViewPor2(adLayout.findViewById(R.id.custom_call_to_actionPor2));
adLayout.setIconViewPor2(adLayout.findViewById(R.id.custom_app_iconPor2));
adLayout.setStoreViewPor2(adLayout.findViewById(R.id.custom_storePor2));
adLayout.setStarRatingViewPor2(adLayout.findViewById(R.id.custom_ratePor2));
adLayout.setCustomAnimateView2(adLayout.findViewById(R.id.custom_actionContainerPor2));

//IkmWALFType.SQUARE
adLayout.setContainerSquare(adLayout.findViewById(R.id.custom_containerAdsSquare));
adLayout.setTitleViewSquare(adLayout.findViewById(R.id.custom_headlineSquare));
adLayout.setBodyViewSquare(adLayout.findViewById(R.id.custom_bodySquare));
adLayout.setCallToActionViewSquare(adLayout.findViewById(R.id.custom_call_to_actionSquare));
adLayout.setIconViewSquare(adLayout.findViewById(R.id.custom_app_iconSquare));
adLayout.setMediaViewSquare(adLayout.findViewById(R.id.custom_mediaSquare));
adLayout.setStoreViewSquare(adLayout.findViewById(R.id.custom_storeSquare));
adLayout.setStarRatingViewSquare(adLayout.findViewById(R.id.custom_rateSquare));


adLayout.setMute(false);
if (adLayout.getMediaView() != null) {
    adLayout.getMediaView().setMediaAdjustViewBounds(true);
}
adLayout.enableClickOutside(true);
adLayout.setRoundIconValue(20);
adView.setEnableShimmer(false);
adView.loadAdFS(
        adLayout,
        "native_screen_id",
        new IKShowWidgetAdListener() {
            @Override
            public void onAdClick() {

            }

            @Override
            public void onAdShowed() {

            }

            @Override
            public void onAdShowFail(@NonNull IKAdError error) {
                // Handle ad load failure
            }
        }
);

Example ad view layout (R.layout.layout_native_full_screen)

  <?xml version="1.0" encoding="utf-8"?>

<com.ikame.android.sdk.widgets.IkmWALF xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/customContainer"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:animateLayoutChanges="true"
    tools:ignore="MissingDefaultResource,SpUsage">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/custom_containerAds"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_constraintTop_toTopOf="parent"
        tools:visibility="gone">

        <ImageView
            android:id="@+id/custom_app_icon"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_centerVertical="true"
            android:layout_marginStart="12dp"
            android:layout_marginTop="32dp"
            android:adjustViewBounds="true"
            app:layout_constraintDimensionRatio="1"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintWidth_percent="0.3"
            tools:ignore="ContentDescription" />

        <TextView
            android:id="@+id/custom_headline"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginHorizontal="12dp"
            android:ellipsize="end"
            android:fontFamily="@font/roboto_medium"
            android:maxLines="2"
            android:textColor="@color/ads_black"
            android:textSize="22dp"
            app:layout_constraintBottom_toTopOf="@+id/custom_call_to_action"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toEndOf="@+id/custom_app_icon"
            app:layout_constraintTop_toTopOf="@+id/custom_app_icon"
            app:layout_goneMarginStart="@dimen/ads_margin_gone"
            tools:text="abv" />

        <TextView
            android:id="@+id/custom_call_to_action"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_alignParentEnd="true"
            android:background="@drawable/bg_btn_ads_round_open"
            android:fontFamily="@font/roboto_medium"
            android:gravity="center"
            android:minWidth="50dp"
            android:textColor="@color/color_white_ads"
            android:textSize="12dp"
            app:layout_constraintBottom_toBottomOf="@+id/custom_app_icon"
            app:layout_constraintStart_toStartOf="@+id/custom_headline"
            app:layout_constraintTop_toBottomOf="@+id/custom_headline"
            app:layout_constraintWidth_percent="0.5"
            tools:text="install" />

        <com.ikame.android.sdk.widgets.IkmWidgetMediaView
            android:id="@+id/custom_media"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_centerHorizontal="true"
            android:layout_gravity="center_horizontal"
            android:layout_marginHorizontal="2dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintDimensionRatio="16:9"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintVertical_bias="0.4"
            tools:background="@color/ads_black" />

        <androidx.constraintlayout.widget.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_marginVertical="24dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/custom_media">


            <TextView
                android:id="@+id/custom_body"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:ellipsize="end"
                android:gravity="center"
                android:textColor="@color/color_text_ads_des"
                android:textSize="15dp"
                app:layout_constraintBottom_toTopOf="@+id/custom_storeDetail"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                tools:text="ada\n\n\n\ndad" />

            <LinearLayout
                android:id="@+id/custom_storeDetail"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toBottomOf="@+id/custom_body">

                <TextView
                    android:id="@+id/custom_rate"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginEnd="12dp"
                    android:drawableEnd="@drawable/ikm_ic_star_rate"
                    android:drawablePadding="4dp"
                    android:ellipsize="end"
                    android:textColor="@color/color_text_ads_des"
                    android:textSize="16dp"
                    app:drawableEndCompat="@drawable/ikm_ic_star_rate"
                    tools:text="adadad" />

                <TextView
                    android:id="@+id/custom_store"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:ellipsize="end"
                    android:textColor="@color/color_text_ads_des"
                    android:textSize="14dp"
                    tools:text="adadad" />
            </LinearLayout>

        </androidx.constraintlayout.widget.ConstraintLayout>


    </androidx.constraintlayout.widget.ConstraintLayout>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/custom_containerAdsPor"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="gone"
        app:layout_constraintTop_toTopOf="parent">

        <com.ikame.android.sdk.widgets.IkmWidgetMediaView
            android:id="@+id/custom_mediaPor"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_centerHorizontal="true"
            android:layout_gravity="center_horizontal"
            app:layout_constraintBottom_toTopOf="@+id/custom_actionContainerPor2"
            app:layout_constraintTop_toTopOf="parent"
            tools:background="@color/ads_black" />

        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/custom_actionContainerPor2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/color_white_ads"
            android:visibility="gone"
            app:layout_constraintBottom_toBottomOf="parent"
            tools:visibility="visible">

            <androidx.constraintlayout.widget.ConstraintLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginHorizontal="8dp"
                android:layout_marginTop="8dp"
                android:layout_marginBottom="12dp"
                app:layout_constraintBottom_toTopOf="@+id/custom_call_to_actionPor2"
                app:layout_constraintTop_toTopOf="parent">

                <ImageView
                    android:id="@+id/custom_app_iconPor2"
                    android:layout_width="60dp"
                    android:layout_height="60dp"
                    android:layout_centerVertical="true"
                    android:adjustViewBounds="true"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintDimensionRatio="1"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toTopOf="parent"
                    tools:ignore="ContentDescription" />

                <TextView
                    android:id="@+id/custom_headlinePor2"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="12dp"
                    android:layout_marginBottom="4dp"
                    android:ellipsize="end"
                    android:fontFamily="@font/roboto_medium"
                    android:textColor="@color/ads_black"
                    android:textSize="18dp"
                    app:layout_constraintBottom_toTopOf="@+id/custom_bodyPor2"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintStart_toEndOf="@+id/custom_app_iconPor2"
                    tools:text="abv" />

                <TextView
                    android:id="@+id/custom_bodyPor2"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_marginBottom="4dp"
                    android:ellipsize="end"
                    android:textColor="@color/color_text_ads_des"
                    android:textSize="15dp"
                    app:layout_constraintBottom_toTopOf="@+id/custom_ratePor2"
                    app:layout_constraintEnd_toEndOf="@+id/custom_headlinePor2"
                    app:layout_constraintStart_toStartOf="@+id/custom_headlinePor2"
                    tools:text="adadad" />

                <TextView
                    android:id="@+id/custom_storePor2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="12dp"
                    android:ellipsize="end"
                    android:textColor="@color/color_text_ads_des"
                    android:textSize="14dp"
                    app:layout_constraintBottom_toBottomOf="@+id/custom_ratePor2"
                    app:layout_constraintStart_toEndOf="@+id/custom_ratePor2"
                    app:layout_constraintTop_toTopOf="@+id/custom_ratePor2"
                    tools:text="adadad" />

                <TextView
                    android:id="@+id/custom_ratePor2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginStart="12dp"
                    android:drawableEnd="@drawable/ikm_ic_star_rate"
                    android:drawablePadding="4dp"
                    android:ellipsize="end"
                    android:textColor="@color/color_text_ads_des"
                    android:textSize="16dp"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintStart_toEndOf="@+id/custom_app_iconPor2"
                    tools:text="adadad" />
            </androidx.constraintlayout.widget.ConstraintLayout>

            <TextView
                android:id="@+id/custom_call_to_actionPor2"
                android:layout_width="0dp"
                android:layout_height="32dp"
                android:layout_alignParentEnd="true"
                android:layout_marginBottom="12dp"
                android:background="@drawable/bg_btn_ads_round_open"
                android:fontFamily="@font/roboto_medium"
                android:gravity="center"
                android:minWidth="50dp"
                android:textColor="@color/color_white_ads"
                android:textSize="12dp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintVertical_bias="0.9"
                app:layout_constraintWidth_percent="0.7"
                tools:text="install" />
        </androidx.constraintlayout.widget.ConstraintLayout>

        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/custom_actionContainerPor"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/ikm_bg_inter_nex_transparent"
            android:visibility="gone"
            tools:visibility="gone">

            <androidx.constraintlayout.widget.ConstraintLayout
                android:id="@+id/custom_detailPor"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintHeight_percent="0.45"
                app:layout_constraintTop_toTopOf="parent">

                <ImageView
                    android:id="@+id/custom_app_iconPor"
                    android:layout_width="0dp"
                    android:layout_height="0dp"
                    android:layout_centerVertical="true"
                    android:adjustViewBounds="true"
                    app:layout_constraintDimensionRatio="1"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toTopOf="parent"
                    app:layout_constraintWidth_percent="0.3"
                    tools:ignore="ContentDescription" />

                <Space
                    android:id="@+id/custom_spacePor"
                    android:layout_width="wrap_content"
                    android:layout_height="0dp"
                    app:layout_constraintHeight_percent="0.1"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toBottomOf="@+id/custom_app_iconPor" />

                <TextView
                    android:id="@+id/custom_headlinePor"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:ellipsize="end"
                    android:fontFamily="@font/roboto_medium"
                    android:gravity="center"
                    android:textColor="@color/color_white_ads"
                    android:textSize="26dp"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toBottomOf="@+id/custom_spacePor"
                    app:layout_constraintWidth_percent="0.9"
                    app:layout_goneMarginStart="@dimen/ads_margin_gone"
                    tools:text="abv" />

                <Space
                    android:id="@+id/custom_space2Por"
                    android:layout_width="wrap_content"
                    android:layout_height="0dp"
                    app:layout_constraintHeight_percent="0.06"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toBottomOf="@+id/custom_headlinePor" />

                <TextView
                    android:id="@+id/custom_bodyPor"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:ellipsize="end"
                    android:gravity="center"
                    android:textColor="@color/color_text_ads_des_inter"
                    android:textSize="15dp"
                    app:layout_constraintEnd_toEndOf="@+id/custom_headlinePor"
                    app:layout_constraintStart_toStartOf="@+id/custom_headlinePor"
                    app:layout_constraintTop_toBottomOf="@+id/custom_space2Por"
                    tools:text="adadad" />

                <TextView
                    android:id="@+id/custom_storePor"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:ellipsize="end"
                    android:textColor="@color/color_text_ads_des_inter"
                    android:textSize="14dp"
                    app:layout_constraintBottom_toBottomOf="@+id/custom_ratePor"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintStart_toEndOf="@+id/custom_ratePor"
                    app:layout_constraintTop_toTopOf="@+id/custom_ratePor"
                    tools:text="adadad" />

                <TextView
                    android:id="@+id/custom_ratePor"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginEnd="12dp"
                    android:drawableEnd="@drawable/ikm_ic_star_rate"
                    android:drawablePadding="4dp"
                    android:ellipsize="end"
                    android:textColor="@color/color_text_ads_des_inter"
                    android:textSize="16dp"
                    app:layout_constraintBottom_toBottomOf="parent"
                    app:layout_constraintEnd_toStartOf="@+id/custom_storePor"
                    app:layout_constraintHorizontal_chainStyle="packed"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toBottomOf="@+id/custom_bodyPor"
                    tools:text="adadad" />

            </androidx.constraintlayout.widget.ConstraintLayout>

            <TextView
                android:id="@+id/custom_call_to_actionPor"
                android:layout_width="0dp"
                android:layout_height="40dp"
                android:layout_alignParentEnd="true"
                android:background="@drawable/bg_btn_ads_round_open"
                android:fontFamily="@font/roboto_medium"
                android:gravity="center"
                android:minWidth="50dp"
                android:textColor="@color/color_white_ads"
                android:textSize="12dp"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toBottomOf="@+id/custom_detailPor"
                app:layout_constraintWidth_percent="0.7"
                tools:text="install" />
        </androidx.constraintlayout.widget.ConstraintLayout>

    </androidx.constraintlayout.widget.ConstraintLayout>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/custom_containerAdsSquare"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="gone"
        app:layout_constraintTop_toTopOf="parent"
        tools:visibility="gone">

        <com.ikame.android.sdk.widgets.IkmWidgetMediaView
            android:id="@+id/custom_mediaSquare"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_centerHorizontal="true"
            android:layout_gravity="center_horizontal"
            android:layout_marginHorizontal="2dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintDimensionRatio="1"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintVertical_bias="0.08"
            tools:background="@color/ads_black" />

        <androidx.constraintlayout.widget.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginHorizontal="8dp"
            android:layout_marginBottom="12dp"
            app:layout_constraintBottom_toTopOf="@+id/custom_call_to_actionSquare"
            app:layout_constraintTop_toBottomOf="@+id/custom_mediaSquare"
            tools:layout_editor_absoluteX="8dp">

            <ImageView
                android:id="@+id/custom_app_iconSquare"
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_centerVertical="true"
                android:adjustViewBounds="true"
                app:layout_constraintBottom_toTopOf="@+id/custom_bodySquare"
                app:layout_constraintDimensionRatio="1"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintWidth_percent="0.2"
                tools:ignore="ContentDescription" />

            <TextView
                android:id="@+id/custom_headlineSquare"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginBottom="8dp"
                android:ellipsize="end"
                android:fontFamily="@font/roboto_medium"
                android:textColor="@color/ads_black"
                android:textSize="18dp"
                app:layout_constraintBottom_toTopOf="@+id/custom_rateSquare"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toEndOf="@+id/custom_app_iconSquare"
                app:layout_constraintTop_toTopOf="parent"
                app:layout_constraintVertical_bias="0"
                tools:text="abv" />

            <TextView
                android:id="@+id/custom_storeSquare"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="12dp"
                android:ellipsize="end"
                android:textColor="@color/color_text_ads_des"
                android:textSize="14dp"
                app:layout_constraintBottom_toBottomOf="@+id/custom_rateSquare"
                app:layout_constraintStart_toEndOf="@+id/custom_rateSquare"
                app:layout_constraintTop_toTopOf="@+id/custom_rateSquare"
                tools:text="adadad" />

            <TextView
                android:id="@+id/custom_rateSquare"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:drawableEnd="@drawable/ikm_ic_star_rate"
                android:drawablePadding="4dp"
                android:ellipsize="end"
                android:textColor="@color/color_text_ads_des"
                android:textSize="16dp"
                app:layout_constraintBottom_toTopOf="@+id/custom_bodySquare"
                app:layout_constraintStart_toEndOf="@+id/custom_app_iconSquare"
                tools:text="adadad" />

            <TextView
                android:id="@+id/custom_bodySquare"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:ellipsize="end"
                android:paddingTop="12dp"
                android:textColor="@color/color_text_ads_des"
                android:textSize="15dp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="@+id/custom_headlineSquare"
                app:layout_constraintStart_toStartOf="@+id/custom_app_iconSquare"
                tools:text="adadad" />


        </androidx.constraintlayout.widget.ConstraintLayout>


        <TextView
            android:id="@+id/custom_call_to_actionSquare"
            android:layout_width="0dp"
            android:layout_height="40dp"
            android:layout_alignParentEnd="true"
            android:layout_marginBottom="24dp"
            android:background="@drawable/bg_btn_ads_round_open"
            android:fontFamily="@font/roboto_medium"
            android:gravity="center"
            android:minWidth="50dp"
            android:textColor="@color/color_white_ads"
            android:textSize="12dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintVertical_bias="0.9"
            app:layout_constraintWidth_percent="0.7"
            tools:text="install" />
    </androidx.constraintlayout.widget.ConstraintLayout>

</com.ikame.android.sdk.widgets.IkmWALF>