# Google Renzensionen einbinden

**URL:** <https://forum.shopware.com/t/google-renzensionen-einbinden/65940>\
**Category:** Programmierung\
**Created:** [1. April 2020 um 16:44 UTC](https://forum.shopware.com/t/google-renzensionen-einbinden/65940 "2020-04-01T16:44:09Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Thomas\_bei\_Dunken](https://avatars.discourse-cdn.com/v4/letter/t/41988e/32.png) [@Thomas\_bei\_Dunken](https://forum.shopware.com/u/Thomas_bei_Dunken)\
**Post date:** [1. April 2020 um 16:44 UTC](https://forum.shopware.com/t/google-renzensionen-einbinden/65940/1 "2020-04-01T16:44:09Z")

</div>

Hallo Forengemeinde,

ich möchte Kunden ermöglichen Bewertungen abzugeben. Dazu muss ich das Script einbinden:

```
  window.renderOptIn = function() {
    window.gapi.load('surveyoptin', function() {
      window.gapi.surveyoptin.render(
        {
          // REQUIRED FIELDS
          "merchant_id": xxxxxxxxx,
          "order_id": "ORDER_ID",
          "email": "CUSTOMER_EMAIL",
          "delivery_country": "COUNTRY_CODE",
          "estimated_delivery_date": "YYYY-MM-DD",

          // OPTIONAL FIELDS
          "products": [{"gtin":"GTIN1"}, {"gtin":"GTIN2"}]
        });
    });
  }

```

Die Datei finish.less ist auch vorhanden:

```
/*
Checkout finish
==========================================
Contains the styles for the finish page.

It is displayed after the Shopware checkout process is finished and contains the important order information, the users information and option to print the order confirmation.
*/

.is--act-finish .content-main {
    .unitize(margin-top, 20);
}

.finish--content {
    .unitize(padding-top, 10);

    .information--panel-item {
        .clearfix();
        .unitize(margin-bottom, 20);

        .panel--body {
            .clearfix();
        }
    }

    .information--panel-item.information--panel-address {
        .shipping--panel {
            text-align: center;
        }
    }

    .product--table {
        margin-top: 0;
    }
}

.finish--teaser {
    .unitize-margin(0, 0, 20, 0);
}

.teaser--btn-back {
    .unitize-margin(0, 0, 20, 0);
}

.teaser--btn-print,
.teaser--btn-back {
    text-align: center;
    width: 100%;

    *[class^="icon--"] {
        .unitize-margin(4, 0, 0, 0);
        float: left;
    }
}

.finish--table {
    .panel--body {
        border: 1px solid @panel-border;
    }

    .table--tr {
        .unitize-padding(10, 10);
    }

    .column--quantity,
    .column--total-price {
        padding-right: 0;
    }

    .table--aggregation {
        display: none;
    }

    .aggregation--list {
        margin: 0;
        border-bottom: 0 none;
    }

    .basket--footer {
        border-top: 1px solid @panel-border;
    }

    .is--last-row {
        border-bottom: 0 none;
    }
}

@media screen and (min-width: @phoneLandscapeViewportWidth) {

    .finish--table {
        .table--tr .column--quantity {
            margin-left: 42.3%;

            .column--label {
                .unitize(margin-bottom, 12);
                text-align: right;
            }
        }
    }
}

@media screen and (min-width: @tabletViewportWidth) {

    .teaser--btn-print { text-align: left; width: auto; }

    .is--act-finish .content-main {
        .unitize(margin-top, 40);
    }

    .finish--content {
        .unitize(padding-top, 20);

        // Personal information panels like billing and shipping address
        .information--panel-wrapper {
            margin: -2% 0 0 -2%;
            .unitize(margin-bottom, 20);

            .information--panel-item {
                &.information--panel-item-billing {
                    width: 50%;

                    .panel {
                        border-right: 0;
                        border-top-right-radius: 0;
                        border-bottom-right-radius: 0;
                    }
                }

                &.information--panel-item-shipping {
                    padding-left: 0;
                    width: 50%;

                    .panel {
                        border-left: 0;
                        border-top-left-radius: 0;
                        border-bottom-left-radius: 0;
                    }
                }
            }

            .information--panel {
                margin: 0;
            }

            .information--panel-item {
                padding: 2% 0 0 2%;
                width: 100%;
                float: left;
                margin-bottom: 0;
            }
        }

        .information--panel-address {
            .panel--body {
                .clearfix();

                .billing--panel {
                    float: left;
                    width: 50%;
                }

                .shipping--panel {
                    float: right;
                    width: 50%;
                }
            }
        }
    }

    .teaser--btn-back {
        .unitize-margin(0, 20, 0, 0);
        width: auto;
    }

    .finish--table {
        .unitize-margin(20, 0, 0, 0);

        .table--header .panel--th {
            padding-right: 0;
        }

        .panel--body {
            .unitize-padding(20, 20);
        }

        .column--total-price {
            width: 37%;
        }

        .table--tr {
            padding: 0;

            &:last-child { border: 0 none; }

            .column--quantity {
                .unitize(line-height, 42);
                margin: 0;
            }
        }

        .row--rebate .column--total-price,
        .row--premium-product .column--total-price {
            width: 22.5%;
        }

        .row--voucher .column--total-price {
            margin-left: 0;
            width: 48%;
        }

        .table--aggregation {
            display: block;
            width: 50%;
        }

        .aggregation--list {
            .unitize-padding(20, 20);
        }
    }
}

@media screen and (min-width: @tabletLandscapeViewportWidth) {
    .finish--content {
        .information--panel-wrapper {
            .unitize(margin-bottom, 20);

            .information--panel-item {
                width: 33.3%;

                &.information--panel-item-billing,
                &.information--panel-item-shipping {
                    width: 33.3%;
                }

                &.information--panel-address {
                    width: 66.6%;
                }
            }

            .information--panel-item-billing {
                .panel {
                    border-right: 0;
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 0;
                }
            }

            .information--panel-item-shipping {
                padding-left: 0;

                .panel {
                    border-left: 0;
                    border-top-left-radius: 0;
                    border-bottom-left-radius: 0;
                }
            }
        }
    }
}

@media screen and (min-width: @desktopViewportWidth) {

    .finish--content {
        .unitize(padding-top, 45);

        .column--total-price {
            width: 34%;
        }

        .finish--table {

            .table--header .column--product {
                width: 55%;
            }
            .row--premium-product .column--total-price,
            .row--rebate .column--total-price {
                width: 19.5%
            }
            .row--voucher .column--total-price {
                width: 45%;
            }
        }
    }
}

@media print {

    body {
        width: auto;
        height: auto;
        overflow: auto;
        background: #ffffff;
    }

    .container {
        max-width: none;
    }

    .is--act-finish .content-main {
        margin-top: 0;
    }

    .finish--teaser,
    .navigation-main,
    .footer--columns,
    .shop--navigation,
    .top-bar,
    .btn--back-top-shop,
    .header-main .container--ajax-cart {
        display: none;
    }

    .is--ctl-checkout.is--minimal-header .header-main,
    .header-main {
        border-bottom: none;
        margin: 0;
        padding: 0;
    }

    .content-main {
        margin-bottom: 0;
    }

    .finish--table {
        clear: both;

        .table--tr {
            page-break-inside: avoid;
        }

        .table--content {
            width: 85%;
        }

        .column--product .column--image {
            width: 15%;
        }

        .column--label.quantity--label {
            margin: 0;
        }

        .column--product {
            .clearfix();
            width: 100%;
        }

        .column--total-price,
        .column--quantity {
            margin-left: 70%;
            width: 30%;
        }
    }

    .footer-minimal,
    .footer-main {
        .footer--service-menu,
        .footer--copyright,
        .footer--logo {
            display: none;
        }

        .vat-info--text {
            .unitize(font-size, 9);
        }

        a {
            color: @text-color
        }
    }
}

```

An welcher Stelle muss ich das einbinden und was ist evtl. noch zu beachten ?

---

<div class="post-metadata">

**Author:** ![Thomas\_bei\_Dunken](https://avatars.discourse-cdn.com/v4/letter/t/41988e/32.png) [@Thomas\_bei\_Dunken](https://forum.shopware.com/u/Thomas_bei_Dunken)\
**Post date:** [2. April 2020 um 12:23 UTC](https://forum.shopware.com/t/google-renzensionen-einbinden/65940/2 "2020-04-02T12:23:31Z")

</div>

Das war mein erster Versuch, klappt leider nicht. hochgeladen nach theme/Fronted/meinTheme/fronted/checkout

```
{extends file="parent:frontend/checkout/finish.tpl"}
{block name="frontend_index_content"}

  window.renderOptIn = function() {
    window.gapi.load('surveyoptin', function() {
      window.gapi.surveyoptin.render(
        {
          // REQUIRED FIELDS
          "merchant_id": xxxxxxxxx,
          "order_id": "ORDER_ID",
          "email": "CUSTOMER_EMAIL",
          "delivery_country": "COUNTRY_CODE",
          "estimated_delivery_date": "YYYY-MM-DD",

          // OPTIONAL FIELDS
          "products": [{"gtin":"GTIN1"}, {"gtin":"GTIN2"}]
        });
    });
  }

{/block}

```

Kann mir jemand helfen, haben die Doku schon mehrfach gelesen.

---

<div class="post-metadata">

**Author:** ![sacrofano](https://avatars.discourse-cdn.com/v4/letter/s/65b543/32.png) [@sacrofano](https://forum.shopware.com/u/sacrofano)\
**Post date:** [2. April 2020 um 13:05 UTC](https://forum.shopware.com/t/google-renzensionen-einbinden/65940/3 "2020-04-02T13:05:11Z")

</div>

Hallo,

bei mir sieht die Einbindung in der finish.tpl wie folgt aus:

```
{extends file="parent:frontend/checkout/finish.tpl"}

{block name='frontend_index_header_javascript_jquery'}
{$smarty.block.parent}
    {if $sOrderNumber || $sTransactionumber}	
		{* Einblendung Teilnahme Google Kundenrezensionen OptIn *}
		{literal}
		
		
			window.renderOptIn = function() {
				window.gapi.load('surveyoptin', function() {
					window.gapi.surveyoptin.render(
					{
						"merchant_id": 1234567890,
						"order_id": "{/literal}{$sOrderNumber}{literal}",
						"email": "{/literal}{$sUserData.additional.user.email}{literal}",
						"delivery_country": "{/literal}{$sUserData.additional.countryShipping.countryiso}{literal}",
						"estimated_delivery_date": "{/literal}{"+2 day"|strtotime|date_format:"%Y-%m-%d"}{literal}"
					});
				});
			}
		
		{/literal}
    {/if}
{/block} 

```

&nbsp;

---

<div class="post-metadata">

**Author:** ![Thomas\_bei\_Dunken](https://avatars.discourse-cdn.com/v4/letter/t/41988e/32.png) [@Thomas\_bei\_Dunken](https://forum.shopware.com/u/Thomas_bei_Dunken)\
**Post date:** [2. April 2020 um 14:25 UTC](https://forum.shopware.com/t/google-renzensionen-einbinden/65940/4 "2020-04-02T14:25:43Z")

</div>

Habe deinen Code kopiert und natürlich die merchant id angepasst, funktioniert !

Nur die E-mail von google zum Bewerten steht noch aus, wie lange dauert es ca. bis man die erhält ?